Sass - Mixins创造动态属性和它的价值

时间:2017-04-20 06:56:28

标签: css css3 sass

我正在尝试使用mixins使用SASS创建动态css属性。

.class {
   position: relative;
}

这会创建一个输出

.class{
  @include setProperty(margin,10,px);
 }

我对此很好。但是当我为保证金或填充创建一些属性时,我们应该包括 PX 。所以我试过这样的事情

.class{
  margin: 10 px
}

如下所示,在中间创建一个带空格的输出。我如何摆脱这些空间。

public boolean isPalindrome(String value) {
    boolean isPalindrome = true;
    for (int i = 0 , j = value.length() - 1 ; i < j ; i ++ , j --) {
        if (value.charAt(i) != value.charAt(j)) {
            isPalindrome = false;
        }
    }
    return isPalindrome;
}

1 个答案:

答案 0 :(得分:10)

你应该使用插值来连接值而不是添加,你可以试试这个:

@mixin setProperty($property,$value,$unit:null){

   #{$property} :#{$value}$unit;

}

当两个不同的值彼此相邻时,Sass总是在它们之间添加一个空格。通过插值它不会发生,Sass尝试将所有内容解析为不带引号的字符串。