compass sass - instalar - Agregar! Importante usando una brújula Mixin

instalar compass en mac

Question

Si uso brújula para CSS y uso una función o mixin como:

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

¿Hay alguna manera fácil de tener una brújula importante para cada línea que genera?

Answer 1

Acabo de pasar horas averiguando esto, pero hay un truco rápido que puedes hacer. En la parte superior de su archivo SASS, agregue lo siguiente:

$i: unquote("!Important");

en tu estilo haz lo siguiente:

color: #CCCCCC $i;

salida es:

color: #CCCCCC !Important;

muestra completa:

$i: unquote("!Important");
.some-style {
color: white $i;
}

salida:

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

Answer 2

Esta pregunta surgió en mi búsqueda de un problema similar, es acertada, pero solo quería agregar que Hacer una mezcla de Sass con argumentos opcionales fue otro enfoque posible que encontré útil.

Reemplace el inset con important y pase !important cuando lo necesite.

Answer 3

Puedes incluirlo dentro de la mixin así:

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

Compass dará como resultado lo siguiente:

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

Answer 4

Tuve este problema la última vez y anulé el estilo de la brújula con un selector más fuerte. Acabo de agregar una identificación en mi elemento html

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

Answer 5

ACTUALIZACIÓN : las nuevas versiones de sass admiten ahora esta sintaxis:

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

Simplemente haga esto (como se indica en la respuesta @naoufal).

--- vieja respuesta ---

No se puede usar! Importante con mezclas de brújulas, pero el culpable no es la brújula, se debe culpar a sass por esto.

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