css – 减少多个文件导入

前端之家收集整理的这篇文章主要介绍了css – 减少多个文件导入前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在研究需要具有配色方案功能wordpress主题.
我被迫少用这个项目.我有一个名为schemes.less的文件,其中包含用于在网页上设置不同颜色部分样式的代码.
然后我设置了一些较少的文件:dark.less,light.less,blue.less等.
我使用默认值技术( http://lesscss.org/features/#variables-feature-default-variables)导入它们,但是由于延迟加载,如果我每次都有相同的变量导入scheme.less多次.

有没有办法解决这个问题?

解决方法

使用“未命名”命名空间将主题彼此隔离:
& {
    @import (multiple) "schemes.less"
    @import "dark.less";
}

& {
    @import (multiple) "schemes.less"
    @import "light.less";
}

// etc.

(假设您使用的是最新的Less编译器,而不是lessPHP – 对于那个,您需要进行少量修改 – 例如删除(多个)等).

猜你在找的CSS相关文章