2016-12-09 4 views
1

У меня есть файл с именем mixins.sass с помощью следующего кода:Импорт SASS подмешать в SCSS

=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) 

Я пытаюсь импортировать его в файл SCSS, как:

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

Но, я получаю сообщение об ошибке:

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

Как я могу импортировать SASS м ixin в SCSS?

ответ

0

Хорошо, я получил свой ответ, разница заключается в определении и импорте смеси SASS/SCSS.

SCSS

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

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

SASS

=border-radius($radius) 
    . 
    . 
    . 

.box 
    +border-radius(10px) 

Так, для моего случая, когда я сделал @include loader;, он сосредоточил свой вопрос.

Надеюсь, что это поможет кому-то

Смежные вопросы