主要问题是:
我应该在sass变量中定义单位吗?
我是Sass的初学者,我已经搜索了最佳实践(我正在尝试应用它们),但我对此问题一无所知。
让我用例子来解释。我正在一个网站上工作,某些部分将被客户覆盖。所以,我有一些sass变量,我希望我的客户覆盖它们。例如,其中一些变量是width
。我已经开始定义所有包含的单位,例如:
$my-app-main-container-width: 150px !default;
但是,在某些情况下,我需要使用变量来进行数学运算:
$density: 5;
@for $i from 1 through 10 {
.app-item-#{$i} {
padding: #{$density}px #{$density}px #{$density}px #{$i * $density + $density}px;
}
}
所以我意识到在某些情况下我已经使用px
声明了变量,而在其他情况下,我只是声明了数字。在我的研究中,所有样本都包含变量值的单位,但在需要计算时听起来很奇怪且不一致。但是,就像我说的那样,我是初学者,所以我会享受其他意见。
现在,我在所有变量中省略了单位,并在使用变量时定义单位。