较少的Map作为多重编译

时间:2019-03-05 08:17:45

标签: css less

我是新手,但是我想尝试一下。我想用不同的类创建多个back-COLORS类。我不知道是否可以这样做,但我认为是。

我的less.less:

#library() {
    .colors(){
        red: #e04350;
        blue: #106ae5;
        green: #23d54a;
    }
    ... //some other maps
}

main{
    width: 100%;

    div{
        &[class^='back-']@{#library.widths}{
            background-color: @library.widths
        }
    }
}

// should be compiled to:

...

main div.back-red{
    background-color: #e04350;
}
main div.back-blue{
    background-color: #106ae5;
}
main div.back-green{
    background-color: #23d54a;
}

...

0 个答案:

没有答案