Question

我有一个名为 mixins.sass 的文件，代码如下：

=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%;

但是，我收到了错误：

＆＃34; ... ition：绝对＆＃34;：预期＆＃34; {＆＃34;，＆＃34;;＆＃34;

如何将SASS mixin导入SCSS？

Answer 1

好的我得到了答案，区别在于定义和导入SASS / SCSS mixin。

<强> SCSS

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

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

<强> SASS

=border-radius($radius)
  .
  .
  .

.box
  +border-radius(10px)

所以，就我的情况而言@include loader;，它解决了我的问题。

希望这有助于某人

将SASS mixin导入SCSS

1 个答案: