Question

所以我刚拿起SASS ..很棒的工具，但在开始之前我找不到一个问题的答案..

使用SASS管理要在多个工作表中引用的变量值的最佳做法。

例如，半径设置为5px ..

/* coreValues.scss */
$radiusNormal : 5px

最好在单个主.scss文件中声明所有这些变量，然后在每个创建的scss表中导入所述文件，例如：

/* featureA.scss */
@import 'coreValues';

.boxA{
  -webkit-border-radius: $radiusNormal ;
     -moz-border-radius: $radiusNormal ;
      -ms-border-radius: $radiusNormal ;
          border-radius: $radiusNormal ;
}

/* featureB.scss */
@import 'coreValues';

.footerContainer{
  -webkit-border-radius: $radiusNormal ;
     -moz-border-radius: $radiusNormal ;
      -ms-border-radius: $radiusNormal ;
          border-radius: $radiusNormal ;
}

Answer 1

这是将值保存在一个地方的最佳方式，然后为每个实例更改。

你可以改进它，因此coreValues.scss被命名为_coreValues.scss，然后它不会被编译成一个css文件，因为它被认为是partial。文件本身将与您在此处完全链接，并且不需要将下划线添加到@import。

在多张纸上管理sass中的半径值

1 个答案: