Невозможно изменить маржу для элементов ссылки в Bourbon/Neat/Bitters Установка SCSS Rails

Question

Я пытаюсь сделать то, что, как я думал, станет незначительным изменением CSS/SCSS в Bourbon на моем веб-сайте Rails 4.

Я просто пытаюсь создать больше поля между моей кнопкой отправки и ссылкой «вернуться». В настоящее время эти два элемента слишком близко друг к другу, как показано на рисунке ниже:

Я пытался решить эту проблему в ряде способов, как, используя мой собственный лист автономный стиль и в Бурбон «исходный код».

Сначала я подключил этот класс и попытался это в моем простом файле app.css, но элемент только не сдвигается вправо чуть-чуть, не верхний край:

.go-back-link { 
    margin: 20px 20px 20px 20px; 
    } 

Затем в файле _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; 

Ясно, что я упускаю что-то принципиальное здесь, поэтому любые подталкивания в правильном направлении будут очень признательны!

Answer 1

попробуйте использовать важен, например:

margin: 20px !important; 

Answer 2

Как было отмечено @cinnamon это имеет практически ничего общего с Аккуратным/Bourbon/Sass/Rails, а больше CSS.

Понятно, что я упускаю что-то принципиальное здесь, поэтому любые подталкивания в правильном направлении были бы очень признательны!

Действительно.

В настоящее время вы пытаетесь создать встроенный элемент, например, якорь.

Для получения дополнительной информации я настоятельно рекомендую прочитать the visual formatting model of CSS 2.1, что довольно полно.

Чтобы решить эту проблему, вам необходимо изменить режим вашего якоря display, который затем потребует необходимого интервала.

Я также предлагаю нацелить элемент на свой класс, а не использовать общий глобальный селектор.