问题标签 [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.
sass - sass bootstrap4 未应用于我的 html 文件
我是 sass 的新手,我有这个 html 文件,我已经应用了 sass
和我的 app.scss
这些正文 scss 未应用于 html 文件,任何帮助将不胜感激
django - 如何从 Django 视图将变量传递给 SCSS
我有一个简单的问题,但找不到找到解决方案的文献。我想让用户在我的 Django 网站上选择夜间模式、白天模式、活力模式等。为此,我需要将该变量传递给我的 SCSS 文件。我该怎么做?如何将变量从 Django 视图传递到 SCSS 文件?我已经看过这个答案,但这并没有通过示例显示它,也与 SCSS 文件无关。如果您能提供一个简短的示例以及您的答案以及相关文档页面,我将不胜感激。
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 示例:
php - 刷新缓存后opencart 3.0仪表板错误500
各位晚安。
我在修复我的 opencart 仪表板时遇到了麻烦,四处搜索被证明是徒劳的。我对托管和 opencart 框架非常陌生,所以请多多包涵。
我一直在为我的网上商店使用 opencart 3,并且很高兴通过仪表板对其进行编辑。但是,当我处理 ssl 问题时,我阅读了清除我的 opencart 缓存的建议。我通过单击仪表板内的 Theme 和 sass 的刷新按钮来做到这一点。现在我可以打开我的仪表板了!当我想访问它时,我得到一个白屏或错误 500。我允许管理 php 文件中的错误,它告诉我这个;
致命错误:未捕获的错误:在 /home/cluster-sites/6/ 中找不到类“Scssc”...</p>
所以我猜我错过了仪表板上用于 sass 的 Scssc 类,没有它我的仪表板无法打开,我的问题是,我可以重新安装或修复恢复仪表板或重写信息所需的任何文件(清除缓存后丢失的Scssc类)?任何帮助都将不胜感激,因为我在最后期限内上传大量产品,并且重新开始的想法让我心寒!
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,它确认没有找到断点。
angular - 基于类的 Scss 变量
我正在尝试为我的一个项目进行主题化,并且我正在使用 css 变量。我正在定义css变量如下
在 html 中我应用的主题如下
一切都很好,除了这里提到的 IE -11 之前不支持 css 变量。
问题
有什么方法可以使用 scss 变量来实现这一点,以便我可以定义全局变量并根据类更改值。
注意:我在我的项目中使用 angular,因此我也必须担心视图封装。如果可以通过默认封装来实现答案,那就太好了。
提前致谢。
sass - 基于类的变量值
为什么我不能根据类更改 scss 变量?我希望在课堂暗模式下变量为绿色。
CSS:
html:
我该如何做到这一点?我不想要的是 2 个变量。
html - 在 scss 中使用 mixin 使用类的名称来赋予特定的颜色
我开始练习 sass,我想在课堂上用红色、绿色和蓝色的百分比来设置任何颜色。因此,类名color-50-10-60
表示 50% 红色、10% 绿和 60% 蓝,数字只能以 10 比 10 的数量变化,所以只能有 10、20、30、40 之类的数字……最多 100 ,如果我更改具有类名称的数字必须更改颜色,我知道我必须使用mixin来获取它但我只是不明白如何实现目标。有什么帮助吗?
css - 如何将标签作为 scss mixin 参数传递?
我正在创建一个 mixin 来定位一个子元素。例子。定位<a>
具有父级的父级的所有标签section---blue
我认为我可以将标签作为参数传递如下但我没有得到想要的结果
SCSS
我原以为这会编译为
}
有人可以向我解释为什么吗?