2016-12-09 5 views
1

Ich habe eine Datei mit dem Namen mixins.sass mit folgendem Code ein: in eine SCSS-Datei zu importieren, wieImportieren von SASS in SCSS mixin

=loader 
    .loader 
    margin: 100px auto 
    font-size: 25px 
    width: 1em 
    height: 1em 
    border-radius: 50% 
    position: relative 
    text-indent: -9999em 
    -webkit-animation: load5 1.1s infinite ease 
    animation: load5 1.1s infinite ease 
    -webkit-transform: translateZ(0) 
    -ms-transform: translateZ(0) 
    transform: translateZ(0) 

Ich versuche:

#loader_div { 
    +loader 
    position: absolute; 
    height: 100%; 
    width: 100%; 

aber ich Fehler:

Invalid CSS after "...ition: absolute": expected "{", was ";"

Wie kann ich SASS m importieren ixin in SCSS?

Antwort

0

Ok, ich habe meine Antwort, der Unterschied liegt in der Definition und dem Import von SASS/SCSS Mixin.

SCSS

@mixin border-radius($radius) { 
    . 
    . 
    . 
} 

.box { @include border-radius(10px); } 

SASS

=border-radius($radius) 
    . 
    . 
    . 

.box 
    +border-radius(10px) 

für meinen Fall Also, wenn ich es tat @include loader;, fixiert es mein Problem.

Hoffnung hilft jemandem