合并选择器CSS(Node / Ruby)

时间:2014-07-07 08:03:20

标签: css media-queries

我正在寻找一个允许自己合并我的CSS选择器的工具(例如NodeJS或Ruby)。

该网站提供了minifyCSS选项,但它不是最佳选择,因为我将依赖该网站。

合并选择器的想法特别适用于我的媒体查询。

你知道什么样的插件吗?

谢谢大家:)

更新示例:

.mon-module-1 {
    background: red;

    @media #{$medium-up} {
        background: orange;
        padding: 3rem;
    }

}

.mon-module-2 {
    background: blue;

    @media #{$medium-up} {
        background: grey;
        border: 1px red solid;
        padding: 3rem 1rem;
    }
}

编译:

@media (blablabla) {

    .mon-module-1 {
        background: orange;
        padding: 3rem;
    } 
}

@media (blablabla) {

    .mon-module-2 {
        background: grey;
        border: 1px red solid;
        padding: 3rem 1rem;
    }
}

我想要的是什么:

@media (blablabla) {
    .mon-module-1 {
        background: orange;
        padding: 3rem;
    }

    .mon-module-2 {
        background: grey;
        border: 1px red solid;
        padding: 3rem 1rem;
    }
}

0 个答案:

没有答案