无法更改Bourbon / Neat / Bitters SCSS Rails安装中链接元素的余量

时间:2015-09-11 09:42:54

标签: ruby-on-rails sass bourbon neat

我正试图在我的Rails 4网站上做出我认为对Bourbon中CSS / SCSS的一个小改动。

我只是想在我的提交按钮和“返回”链接之间创建更多的边距。目前这两个元素太靠近,如下图所示:

enter image description here

我试图通过多种方式解决这个问题,使用我自己的独立样式表和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;

显然我在这里缺少一些基本的东西,所以在正确的方向上任何推动都会非常感激!

0 个答案:

没有答案