组合速记和分组的SASS属性

时间:2018-08-14 21:55:39

标签: css sass

我似乎无法很好地表达我的问题,无法在google中找到所需的内容。

我正在使用sass,我想知道是否可以简化此操作:

.my-box {
    border: 1px solid $my-color;
    border-radius: $my-radius;
}

变成这样:

.my-box {
    border: {
        1px solid $my-color;
        radius: $my-radius
    }
}

无需像这样分隔边框的简写:

.my-box {
    border: {
        width: 1px;
        style: solid;
        color: $my-color;
        radius: $my-radius
    }
}

换句话说,我可以将两种技术(速记和分组)结合在一起吗?

谢谢。

0 个答案:

没有答案