Добавление! Важно использовать Compass Mixin

Если я использую компас для CSS и использую функцию или mixin, например:

   @include background-image(linear-gradient(#a3cce0, #fff));

Есть ли какой-либо простой способ добавления компаса! важно для каждой строки, которую он генерирует?

Ответ 1

UPDATE: новые версии sass теперь поддерживают этот синтаксис:

@include border-radius(5px !important);

Просто сделайте это (как указано в ответе @naoufal).

--- старый ответ ---

Вы не можете использовать! важно для компасов, но преступник не компас, вы должны обвинить sass для этого.

@include border-radius(5px) !important; #=> SASS Syntax Error

Ответ 2

Вы можете включить его внутри микширования так:

@include border-radius(5px !important);

Компас выдаст следующее:

-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-ms-border-radius: 5px !important;
-o-border-radius: 5px !important;
border-radius: 5px !important;

Ответ 3

У меня была эта проблема в последний раз, и я переопределил стиль компаса с более сильным селектором. Я просто добавил идентификатор в свой элемент html

span { @include border-radius(5px);}

span#no-radius { @include border-radius(0px); } // override

Ответ 4

Этот вопрос возник в моем поиске аналогичной проблемы, но я просто хотел добавить, что Создание Sass mixin с дополнительными аргументами стал еще одним возможным подходом что я нашел полезным.

Замените inset на important и пройдите !important, когда вам это нужно.

Ответ 5

Просто потратил часы на то, чтобы понять это, но есть быстрый трюк, который вы можете сделать. В верхней части вашего файла SASS добавьте следующее:

$i: unquote("!Important");

в вашем стиле выполните следующие действия:

color: #CCCCCC $i;

color: #CCCCCC !Important;

полный образец:

$i: unquote("!Important");

.some-style {
    color: white $i;
}

выход:

.some-style {
    color: white !Important;
}