Sass变量值是否使用'px'

时间:2016-09-16 13:18:10

标签: css sass

主要问题是:

  

我应该在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声明了变量,而在其他情况下,我只是声明了数字。在我的研究中,所有样本都包含变量值的单位,但在需要计算时听起来很奇怪且不一致。但是,就像我说的那样,我是初学者,所以我会享受其他意见。

现在,我在所有变量中省略了单位,并在使用变量时定义单位。

0 个答案:

没有答案