我试图使用susy,node-sass,grunt-sass编译我的scss文件,我使用npm install添加了所有这些依赖项。 我正在添加咕unt的设置 但这会引发错误 我该如何解决? ...
我试图使用susy,node-sass,grunt-sass编译我的scss文件,我使用npm install添加了所有这些依赖项。 我正在添加咕unt的设置 但这会引发错误 我该如何解决? ...
根据Susy 2.1.2文档 ,安装Susy就像运行npm install susy --save-dev然后按照上述文档更改Gulpfile一样简单。 您可能会怀疑这会安装2.1.2。 但是,此操作安装了Susy3。与Susy 2相比,Susy 3引入了重大更改,这阻止了我客户端的SA ...
我想用Sass / Compass开始一个项目,对于网格我想使用susy。 已安装sass -v 3.4.24 Compass 1.0.3 一切正常,工作正常。 安装susy 3.0.6并无法正常工作后,我尝试了2.2.12,并使用简单的代码body { @include contai ...
我在理解如何使用Susy Next生成以下布局时遇到一些问题。 我似乎无法全力以赴地在Susy中做到这一点,或者根本没有做到。 源顺序如下,并且不能更改。 在Mobile上所需的布局是这样的: 在桌面上所需的布局是这样的: 我认为Susy应该很容易,但是文档并 ...
我试图在SUSY中实现特定的布局,但我有点挣扎。 我希望网站的页眉或页脚基本上是全宽的,主要内容应放在限制为特定宽度的容器中,但也应该有全宽元素(例如背景) )放在静态容器中(它们会脱离其静态容器,但其内部内容仍与静态容器对齐)。 我使用2个不同的容器图(一个受限的和一个流体的)将其 ...
为什么只需要使用Susy或任何sass框架就需要安装这么多的东西? 我对使用sass和sass框架真的很感兴趣,但是我找不到一个正确的方法来开始使用它。 我不明白为什么我需要安装这么多东西才能只使用一件事。 另外,我从来没有通过某种终端安装过任何东西,所以这让我非常吃惊,为什么我不能只 ...
如何用sass断点实现这个媒体查询? ... 我试过这个,但它也会影响桌面版...... ...
我认识到这个问题已经提出了一千次,而且我觉得我已经阅读了大部分其他帖子,但我似乎仍然无法想出这一点。 我刚刚开始使用Ruby on Rails,我正在尝试在我的项目中使用Compass / Sass / Suzy。 他们都(主要)工作但是罗盘编译器有一些问题。 首先使用bundle ...
我正在使用susy创建一个非常基本的博客布局,其3列宽用于大中型屏幕,2列宽用于小屏幕(平板),然后1列用于移动。 您可以在此处看到手机和平板电脑的布局正常,但中型和大型屏幕无法正常显示,第一行和第三行的第一列未正确浮动 以下是我的scss: 我的scss样式表顶部的可疑地图是: ...
我在寻找解决该问题的正确方法时遇到了一些麻烦: 我遇到以下情况: 现在在12列网格中,我将.section定义为: 到目前为止,一切都很好。 现在,我已将.title定义为将图像悬停在以下位置: [编辑]我正在使用的配置具有以下定义: 但我不能使用widt ...
我想用Susy在本地实现此混合: 我怎样才能做到这一点? 谢谢! ...
到目前为止,我的Gemfile中已包含 # Gemfile gem 'sass-rails', '~> 5.0' gem 'susy' # config/application.rb require 'susy' 我运行了“捆绑安装”,没有错误。 现在,我尝试编写普通的 ...
我正在使用Susy 2 Gallery功能,并且想知道如何影响Gallery中每个图像之间的垂直和水平装订线的宽度。 目前,图像之间的宽度不足。 ...
长期尝试创建响应式导航。 但是还是事实证明。 但是我仍然不确定我做对了什么。 因为我在跨度中传递了0值。 还是有可能这样做? 有用 :) ...
我尝试实现一种用于显示注释的非常简单的HTML结构:在注释文本的左侧显示一个头像,如下所示: 我正在使用Susy进行布局: 我的问题 :我想在彼此之间留空格,所以我已经设定 但这不是有效的:有时会忽略边距,但是当注释文本较长时,就不会遵守边距(请参见http://code ...
我的标题全宽,我想使用Susy数学在其上设置填充,而不是每次在布局中填充容器时都进行重写。 例如: CSS: HTML: 它们都为全宽,但是当然没有填充。 问题是:如何在整个Susy默认值中插入相同的填充,例如span而无需在容器上使用padding-left和pa ...
我为怀疑设置了全局设置: 我想在几个跨度上覆盖排水沟 生成的CSS 我也尝试过这些,这些似乎也不起作用 和 ...
我有这个可疑的设置: 有时我需要不同的装订线,而不是1/4。 例如,请参见图片: 和代码: 我尝试了一下但没有成功: 我找到了一种解决方法,但是如果正确的话 谢谢 ...
可疑的两个块之间有一个不需要的空间。 尽管使用了wide功能,但它似乎精确地遵循了网格的大小。 上面的代码将#main_side_img设置为1.75创建了以下代码: 因此,我将#main_side_img的值设置为2 ,但令我非常沮丧的是,两个框之间的空间保持不变,并且装订线只 ...
我的div与我的网格不匹配。 它是一个8容器的网格,当我告诉元素span(2)时,它的作用就好像网格是4。这是因为我没有在$ susy中定义全局网格吗? 一些上下文代码: 首先,我定义了一个容器网格: 然后我将其添加到html中: 然后我将div嵌套在CSS中: ...