我正试图在我的Rails 4网站上做出我认为对Bourbon中CSS / SCSS的一个小改动。
我只是想在我的提交按钮和“返回”链接之间创建更多的边距。目前这两个元素太靠近,如下图所示:
我试图通过多种方式解决这个问题,使用我自己的独立样式表和Bourbon“源代码”本身。
首先我附上了这个类并在我自己的普通app.css文件中尝试了这个,但元素只是略微向右移动,没有上边距:
.go-back-link {
margin: 20px 20px 20px 20px;
}
然后在Bourbon的_typography.scss文件中,我尝试在一个部分添加边距,再次没有结果:
a {
@include transition(color 0.1s linear);
color: $base-link-color;
text-decoration: none;
margin: 20px;
&:hover {
color: $hover-link-color;
}
&:active, &:focus {
color: $hover-link-color;
outline: none;
}
}
_variables.scss中的第三个我尝试将行高属性从1.5更改为2,但这改变了页面上的其他所有内容,但与链接元素无关:
// Line height
$base-line-height: 1.5;
$header-line-height: 1.25;
显然我在这里缺少一些基本的东西,所以在正确的方向上任何推动都会非常感激!