问题标签 [scss-mixins]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
35 浏览

html - 忽略 mixin 中的 SASS 变量赋值

我想制作一个动态的 SASS 主题切换器,所以经过一些研究后我这样做了:

我的主要 SASS 文件如下所示:

但是变量$currentTheme不会改变。控制台给了我自己的错误:

0 投票
1 回答
102 浏览

sass - sass bootstrap4 未应用于我的 html 文件

我是 sass 的新手,我有这个 html 文件,我已经应用了 sass

和我的 app.scss

这些正文 scss 未应用于 html 文件,任何帮助将不胜感激

0 投票
1 回答
324 浏览

django - 如何从 Django 视图将变量传递给 SCSS

我有一个简单的问题,但找不到找到解决方案的文献。我想让用户在我的 Django 网站上选择夜间模式、白天模式、活力模式等。为此,我需要将该变量传递给我的 SCSS 文件。我该怎么做?如何将变量从 Django 视图传递到 SCSS 文件?我已经看过这个答案,但这并没有通过示例显示它,也与 SCSS 文件无关。如果您能提供一个简短的示例以及您的答案以及相关文档页面,我将不胜感激。

0 投票
0 回答
207 浏览

sass - 自定义 SCSS 文件不适用于 Bigcommerce Stencil

我在 theme.scss 中导入了自定义 SCSS 文件,但文件仍然无法正常工作

在 theme.scss 中:@import "mixins";

这应该导入我的自定义 scss 文件,名为:_mixins.scss 文件,它与 theme.scss 的同一目录但它不起作用我不断在我的 _navPages.scss 上收到一个错误,即 mixin 没有定义......即使我在那个 _mixins.scss 文件中定义了它们

请指教....

文件结构图像 我的 _navPages.scss 中的 mixin 示例:

在我的 _mixins.scss 中定义的 mixin 示例:

0 投票
2 回答
1325 浏览

php - 刷新缓存后opencart 3.0仪表板错误500

各位晚安。

我在修复我的 opencart 仪表板时遇到了麻烦,四处搜索被证明是徒劳的。我对托管和 opencart 框架非常陌生,所以请多多包涵。

我一直在为我的网上商店使用 opencart 3,并且很高兴通过仪表板对其进行编辑。但是,当我处理 ssl 问题时,我阅读了清除我的 opencart 缓存的建议。我通过单击仪表板内的 Theme 和 sass 的刷新按钮来做到这一点。现在我可以打开我的仪表板了!当我想访问它时,我得到一个白屏或错误 500。我允许管理 php 文件中的错误,它告诉我这个;

致命错误:未捕获的错误:在 /home/cluster-sites/6/ 中找不到类“Scssc”...</p>

所以我猜我错过了仪表板上用于 sass 的 Scssc 类,没有它我的仪表板无法打开,我的问题是,我可以重新安装或修复恢复仪表板或重写信息所需的任何文件(清除缓存后丢失的Scssc类)?任何帮助都将不胜感激,因为我在最后期限内上传大量产品,并且重新开始的想法让我心寒!

0 投票
1 回答
1219 浏览

angular - 在 Angular CLI 应用程序的组件级样式中看不到自定义 Bootstrap 4 断点

media-breakpoint-up在向 $grid-breakpoints 添加新断点后,我在使用 Bootstrap 的 mixin 声明 scss 样式时遇到问题。

虽然这些d-{infix}-{display}类正确出现并且包含它们的部分工作得很好,但组件级 scss 样式没有看到新的断点,尽管导入了。

我的问题是 - 我在这里做错了吗?例如进口顺序?

具有这两个依赖项的 Angular CLI 应用程序:

样式.scss

my.variables.scss(无关紧要)

我的.theme.scss

bootstrap.partials.scss

app.components.html

app.component.scss

输出

没有xxl。

编辑1:

我创建了一个自定义包装器 mixin,它确认没有找到断点。

0 投票
2 回答
5846 浏览

angular - 基于类的 Scss 变量

我正在尝试为我的一个项目进行主题化,并且我正在使用 css 变量。我正在定义css变量如下

在 html 中我应用的主题如下

一切都很好,除了这里提到的 IE -11 之前不支持 css 变量。

问题

有什么方法可以使用 scss 变量来实现这一点,以便我可以定义全局变量并根据类更改值。

注意:我在我的项目中使用 angular,因此我也必须担心视图封装。如果可以通过默认封装来实现答案,那就太好了。

提前致谢。

0 投票
1 回答
783 浏览

sass - 基于类的变量值

为什么我不能根据类更改 scss 变量?我希望在课堂暗模式下变量为绿色。

CSS:

html:

我该如何做到这一点?我不想要的是 2 个变量。

0 投票
1 回答
493 浏览

html - 在 scss 中使用 mixin 使用类的名称来赋予特定的颜色

我开始练习 sass,我想在课堂上用红色、绿色和蓝色的百分比来设置任何颜色。因此,类名color-50-10-60表示 50% 红色、10% 绿和 60% 蓝,数字只能以 10 比 10 的数量变化,所以只能有 10、20、30、40 之类的数字……最多 100 ,如果我更改具有类名称的数字必须更改颜色,我知道我必须使用mixin来获取它但我只是不明白如何实现目标。有什么帮助吗?

0 投票
3 回答
1021 浏览

css - 如何将标签作为 scss mixin 参数传递?

我正在创建一个 mixin 来定位一个子元素。例子。定位<a>具有父级的父级的所有标签section---blue

我认为我可以将标签作为参数传递如下但我没有得到想要的结果

SCSS

我原以为这会编译为

}

有人可以向我解释为什么吗?