Ajout! Important à l'aide d'un Compass Mixin

Question

Si j'utilise une boussole pour CSS et que j'utilise une fonction ou un mixage comme:

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

existe-t-il un moyen facile d'ajouter la boussole! importante à chaque ligne qu'elle génère?

Answer 1

Vous pouvez l'inclure dans le mixin comme ceci:

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

Le compas produira les informations suivantes:

 -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 2

Vous ne pouvez pas utiliser! Important avec les mélanges de boussoles, mais le coupable n'est pas la boussole, vous devriez blâmer sass pour cela.

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

Answer 3

Cette question est apparue dans ma recherche d'un problème similaire, elle est parfaite, mais je voulais juste ajouter que la création d'un mixin SASS avec des arguments facultatifs était une autre approche possible que j'ai trouvée utile.

Remplacez inset par important et passez !important lorsque vous en avez besoin.

Answer 4

J'ai eu ce problème la dernière fois et j'ai remplacé le style de la boussole avec un sélecteur plus puissant. Je viens d'ajouter un identifiant sur mon élément html

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

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