Css 无法在Susy中重新定义边沟宽度
解决了!! 见底 显然我对苏西是新手。阅读所有文档。我已经阅读了泽尔教程的免费章节,并阅读了他的大部分博客文章。随意查阅其他资料。我在任何地方都没有找到有关修改排水沟宽度的信息 我一直在尝试更改主栅格上的排水沟宽度,但这些更改没有显示任何响应。我试过所有我见过的测量单位。不过,什么也没发生 代码如下:Css 无法在Susy中重新定义边沟宽度,css,sass,susy-sass,susy,Css,Sass,Susy Sass,Susy,解决了!! 见底 显然我对苏西是新手。阅读所有文档。我已经阅读了泽尔教程的免费章节,并阅读了他的大部分博客文章。随意查阅其他资料。我在任何地方都没有找到有关修改排水沟宽度的信息 我一直在尝试更改主栅格上的排水沟宽度,但这些更改没有显示任何响应。我试过所有我见过的测量单位。不过,什么也没发生 代码如下: #grid{ @include container(4); gutter-width: 5%; } 我还尝试: #grid{ @include
#grid{
@include container(4);
gutter-width: 5%;
}
我还尝试:
#grid{
@include container(4);
gutter-width: 2px;
}
及
及
及
及
你明白了。我还尝试删除宽度后缀并无限迭代值变化
#grid{
@include container(4);
gutter: 2px;
}
没什么。
内森。
娜达
有什么好处
编辑
以下是与容器网格相关的CSS,网格
解决
问题是我写的是gotter而不是gotter你看过编译后的CSS吗?没有,但我会的。我应该寻找什么?如果我知道如何在CSS标记中找到它,那么我就会这样做。我对通过susy生成的标记有问题。我请求您帮助我在CSS中找到它。这是与此技术相关的独特内容,因此非常有用且有价值。我请你们继续谈这个话题。
#grid{
@include container(4);
gutter-width: 1/6;
}
#grid{
@include container(4);
gutter-width: 0;
}
#grid{
@include container(4);
gutter-width: 1.6em;
}
#grid{
@include container(4);
gutter: 2px;
}
#grid {
max-width: 100%;
margin-left: auto;
margin-right: auto;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNiM2IzZmYiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(102, 102, 255, 0.25)), color-stop(80%, rgba(179, 179, 255, 0.25)), color-stop(80%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, 50% 0%, 50% 1, color-stop(100%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -moz-linear-gradient(left, rgba(102, 102, 255, 0.25), rgba(179, 179, 255, 0.25) 80%, rgba(0, 0, 0, 0) 80%), -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 1px, rgba(0, 0, 0, 0) 1px);
background-image: -webkit-linear-gradient(left, rgba(102, 102, 255, 0.25), rgba(179, 179, 255, 0.25) 80%, rgba(0, 0, 0, 0) 80%), -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 1px, rgba(0, 0, 0, 0) 1px);
background-image: linear-gradient(to right, rgba(102, 102, 255, 0.25), rgba(179, 179, 255, 0.25) 80%, rgba(0, 0, 0, 0) 80%), linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 1px, rgba(0, 0, 0, 0) 1px);
background-size: 26.31579%, 100% 24px;
background-origin: content-box, border-box;
background-clip: content-box, border-box;
background-position: left top;
gutter-width: 5%;
}
#grid:after {
content: " ";
display: block;
clear: both;
}