我正在尝试使用 susy 插件创建一个网格结构,但出于某种原因,我为它获得了额外的空间。 我希望区域 div 正好为 1140 像素,当我使用屏幕截图中附加的两个额外网格空间进行测量时,它是 1140 像素。 我怎样才能删除那些? 如果我从最右边到最左边测量,网格是 1140 像素,但如果我 ...
我正在尝试使用 susy 插件创建一个网格结构,但出于某种原因,我为它获得了额外的空间。 我希望区域 div 正好为 1140 像素,当我使用屏幕截图中附加的两个额外网格空间进行测量时,它是 1140 像素。 我怎样才能删除那些? 如果我从最右边到最左边测量,网格是 1140 像素,但如果我 ...
我试图使用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 ...
看看这个Sassmeister,让我知道最右边那条深蓝色的专栏是从哪里来的。 我不认为这是亚像素舍入的问题,但还有其他问题。 真正让我困惑的是,选择了12、13和14列时显示的是多余的位,但是没有显示10、15或16列时显示的是多余的位,尽管12列表示它是一个整数。 因此,无论结 ...
想知道我哪里做错了吗? 试图让Susy使用Google Web Starter Kit。 1.将GWSK 克隆到新目录中。 2.Ran yarn安装依赖。 3.安装的Susy: yarn add susy --dev 4.添加到gulplfile: 5.在 ...
我想用Sass / Compass开始一个项目,对于网格我想使用susy。 已安装sass -v 3.4.24 Compass 1.0.3 一切正常,工作正常。 安装susy 3.0.6并无法正常工作后,我尝试了2.2.12,并使用简单的代码body { @include contai ...
我正在尝试使用sass和gulp开始使用Susy(网格系统)。 我已经导入了文件,但是只能找到Susy的SCSS文件。 有什么地方可以得到Susy的Sass版本的? 霍坎 ...
我正在使用以下样式使用susy对齐页面中心的列: 但是默认情况下,它不会将元素(div)移动到页面的中心,如果我有单个元素,它将其放在左侧,但是我希望将该单个元素放置在页面的中心。 元素动态增长,它们不是静态的。 ...
我已经查看了十几个关于垂直对齐项目的各种堆栈问题以及一些网站,其中包含用于与SASS Susy对齐/协作的教程。 似乎我的用例是独特的,我只是没有技巧来解决它。 我有一个全宽容器,里面有一个包装器。 容器使用susy span full,因为它只是站点容器的全宽度和flex包装是实际内 ...
我试图用基于负边距的网格系统(susy)实现类似网格的模式并且失败了。 我试图使用flexbox,但我不确定它是否真的可能,我认为最好的方法是2列(A面和B面)并给盒子(1)50%的盒子2的弯曲高度,但它不知何故似乎没有用。 这是我的工作。 .block { w ...
Susy是否有内置的方式使用span函数而不是mixin来解决具有裂沟的父母的孩子? 这儿的孩子最终比预期的要短: 手动添加装订线— width: span(3 of 5) + gutter() —或更改装订线样式— width: span(3 of 5 after) —都可以得到正确 ...
嗨,我正在尝试在我的 Gulp 设置中使用 susy 设置断点 我已经运行 npm install breakpoint-sass --save-dev 并使用 @import "./node_modules/breakpoint-sass/stylesheets/breakpoint" 将它链接到 ...
如何在较小的断点处撤消bleed-x()混合,因此示例2中的box4(黄色框)返回到紫色列之间,并且不换行到下一行。 Codepen: http ://codepen.io/meijioro/pen/aBdWyO ...
我在将我的12个项目跨越2行(共6行)时遇到一些问题。 我在“艺术家”部分遇到了问题。 我不确定是否应该为此使用画廊混合,还是像其他部分一样使用跨度。 http://codepen.io/anon/pen/pNjqzw HTML: SASS: ...
可以说我有一个简单的浮动网格,由可疑(或其他任何东西)制成。 如何使其中一列的内容停留在该列的底部? 我尝试了verticle-align , align-items和其他组合,但是没有运气。 而且由于它是用浮子制成的,所以每当我在其上放上flexbox时,由于它们的图标都浮在右边,所 ...
我开始将Susy的Libsass版本与Gulp一起使用,并且可以在scss文件中看到提到了clearfix mixin / clearfix fallback mixin。 但是,如果我尝试在我的sass样式中引用此内容,则通过gulp进行编译会返回错误: 谁能告诉我是否可疑的cl ...
我喜欢Bootstrap使用填充的方式,然后对'row'进行负边距以使所有内容都符合要求。 当试图去除某些东西上的排水沟时,它消除了对:nth-child选择器的需求。 但我喜欢在地图中指定排水沟的能力,并将它们设置为百分比。 我有点设法做到这一点,但它感觉笨拙,并想知道是否有更好的方 ...
我正在使用susy创建一个非常基本的博客布局,其3列宽用于大中型屏幕,2列宽用于小屏幕(平板),然后1列用于移动。 您可以在此处看到手机和平板电脑的布局正常,但中型和大型屏幕无法正常显示,第一行和第三行的第一列未正确浮动 以下是我的scss: 我的scss样式表顶部的可疑地图是: ...
我试图覆盖Susy 2中的装订线宽度,但无法使其按要求工作。 我为网站设置的标准如下。 我有一个图片库,我希望块之间的间距要小得多。 我可以使用(gutter-override:0.1)覆盖装订线宽度,但这不会影响块的宽度。 块的宽度仍然像装订线是0.5。 是否可以更改某个内 ...
我在寻找解决该问题的正确方法时遇到了一些麻烦: 我遇到以下情况: 现在在12列网格中,我将.section定义为: 到目前为止,一切都很好。 现在,我已将.title定义为将图像悬停在以下位置: [编辑]我正在使用的配置具有以下定义: 但我不能使用widt ...