Css 未创建排水沟
最近,我们使用Sass和Compass创建了一个新项目。我尝试使用基本设置:Css 未创建排水沟,css,sass,susy-compass,susy-sass,susy,Css,Sass,Susy Compass,Susy Sass,Susy,最近,我们使用Sass和Compass创建了一个新项目。我尝试使用基本设置: $total-columns : 12; $header-columns : 36; $column-width : 5em; $gutter-width : 1em; $susy: ( /*the basics*/ flow: ltr, math: fluid, output: float, gutter-position: after, container: auto, contain
$total-columns : 12;
$header-columns : 36;
$column-width : 5em;
$gutter-width : 1em;
$susy: (
/*the basics*/
flow: ltr,
math: fluid,
output: float,
gutter-position: after,
container: auto,
container-position: center,
columns: $total-columns,
gutters: $gutter-width / $column-width,
column-width: $column-width,
last-flow: to,
debug: (
image: show,
color: blue,
output: overlay,
toggle: top right,
),
use-custom: (
background-image: true,
background-options: false,
box-sizing: true,
clearfix: false,
rem: true,
)
);
我们在每一页上都导入Susy,但我们无法看到排水沟
div.block{
@include span(4 of 12);
position: relative;
box-sizing: border-box;
background-color: rgba(255,255,255,0.9);
border: 6px double rgba(0,0,0,0.3);
min-height: 18em;
text-align: center;
margin-bottom: 1em;
padding:0;
border-radius: 10px;
overflow: hidden;
}
我们预计利润率将自动计算,但如果我们查看输出,则不会创建右侧利润率和左侧利润率
输出:
width: 33.33333%;
float: left;
position: relative;
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.9);
border: 6px double rgba(0, 0, 0, 0.3);
min-height: 18em;
text-align: center;
margin-bottom: 1em;
padding: 0;
border-radius: 10px;
overflow: hidden;
这里缺少什么?我无法重新创建此输出。我得到了
正确的利润率:1.40845%代码>每次。您的代码中一定有其他东西正在删除它?问题与在对象中导入SCS有关。例如:{(at)import“partial”}节执行此操作时,Compass首先编译部分,然后编译父scss文件。但这并没有以某种方式创造利润。。因此,我们将(at)导入移到了scss文件的顶部,并将父对象添加到div.block:section{div.block{…}中。现在,它正在编译,但速度非常慢……还要注意,导入的顺序非常重要。我们又遇到了同样的问题,然后我们在页面顶部更改了导入的顺序,页边距又恢复了。导入的顺序和位置与Sass相关,但我不确定为什么会特别影响Susy页边距。速度问题是Ruby Sass的一个已知问题。我认为他们正在采取措施解决这个问题,但你也可以尝试转移到Libsass(尽管Compass不起作用)。