sass mixin funktioniert nicht

Ich versuche, den folgenden Code SCSSsass mixin funktioniert nicht

//SCSS Code 
@mixin box-shadow($shadows) { 
    -moz-box-shadow: $shadows; 
    -webkit-box-shadow: $shadows; 
    box-shadow: $shadows; 
} 

.shadows { 
    @include box-shadow(0px 4px 5px #666); 
}

Aber die kompilierte CSS nicht angezeigt wird dem Verkäufer Präfix Attribute zu kompilieren. Ich verwende SassMeister, um diesen Code zu kompilieren.

//Compiled CSS 
.shadows { 
    box-shadow: 0px 4px 5px #666; 
}

Quelle

2016-05-03 fruitjs

wird mit allen angegebenen Anbieterpräfixen kompiliert. –

Es funktioniert, hier überprüfen: http://www.sassmeister.com/gist/842a1565611a46f75cf51f77208f0957 –

Nein, es ist nicht für mich arbeiten http://www.sassmeister.com/gist/e9e5f8c8a04d4debdc1ed909fdbea2a9 – fruitjs

Es "funktioniert nicht", weil Sie die autoprefixer Option (options - autoprefixer) eingeschaltet haben. Wenn deaktiviert, werden die vordefinierten Stile angezeigt.

Hinweis: autoprefixer fügen Sie diese Präfixe automatisch für Sie hinzu. Und wie @rrd gezeigt hat, werden Präfixe für box-shadow heutzutage nicht benötigt.

Quelle

2016-05-03 08:40:21 Vucko

Hinweis OP: nicht Verwalten Sie Lieferanten Präfixe manuell. Verwenden Sie Autoprefixer. –

Vielen Dank @Vucko – fruitjs

Sie finden Hugo Giraudel's article nützlich, denke ich. Auf diese Weise können Sie sicherstellen, dass Sie die gewünschten Lieferantenpräfixe erhalten. Aber ich glaube nicht, dass Sie heutzutage die Box-Shadow-Hersteller-spezifischen Präfixe benötigen.

Quelle

2016-05-03 08:28:57 rrd

sass mixin funktioniert nicht

Antwort

Verwandte Themen