首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >CSS预处理器与模块和合理的范围?

CSS预处理器与模块和合理的范围?
EN

Stack Overflow用户
提问于 2012-04-16 02:50:23
回答 2查看 929关注 0票数 5

有没有SASSLESS的替代品,可以实现类似模块和合理的全局作用域?

例如,当我在SASS (或更低等效项)中这样做时:

代码语言:javascript
运行
复制
@import "foo.scss"

...it将导入文件中的所有混合、变量等推送到全局作用域,可能会覆盖或与加载或定义的混合/变量发生冲突。我觉得这里一团糟。

我想要一些更模块化的东西。假设foo.scss有一个mixin bar

代码语言:javascript
运行
复制
@mixin bar {
    // ...
}

为了使用这个混入,我将它相对于"foo“命名空间进行调用。更多,或者像这样:

代码语言:javascript
运行
复制
@import "foo.scss"

.bar {
    @include foo.bar;
}

换句话说:@import foo的工作方式与import foo类似,而不是Python中的from foo import *等效项。

所以。有没有这样关心命名空间的CSS预处理器?

EN

Stack Overflow用户

发布于 2013-09-16 21:50:15

我在Sass中命名我的模块,并立即执行mixin:

代码语言:javascript
运行
复制
@mixin MyAwesomeModule() {

    $fontColor: red;
    $bgColor: green;

    .someDiv {
        color: $fontColor;
        background: $bgColor;
    }

}
@include MyAwesomeModule();
票数 3
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10164995

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档