Question

我在我的风格中使用Sass和Modernizr，例如它的格式属性：

    .checked .class {
        colour: blue;
    }

我的Sass需要被其他应用程序使用，但是这个应用程序没有Modernizr，因为它不需要支持旧的浏览器。所以它需要丢失已检查的属性：

    .class {
        colour: blue;
    }

有没有办法编写我的Sass，以便本地配置文件可以指示天气或不使用已检查的属性？像这样的伪代码：

    {{ if modernizr }}
    .checked {
    {{ endif }}
        .class {
            colour: blue;
        }
    {{ if modernizr }}
    }
    {{ endif }}

Answer 1

您可以将变量用于供应商类名称。在您的项目中，您将$vendor-name设置为.checked。在其他应用程序中，您将其设置为空字符串。

支持Modernizr的应用

$vendor-name: '.checked';

#{$vendor-name} .class {
  color: red;
}

Css输出：

.checked .class {
  color: red;
}

其他应用

$vendor-name: '';

#{$vendor-name} .class {
  color: red;
}

Css输出：

.class {
  color: red;
}

根据本地配置设置更改Sass？

1 个答案: