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

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。