问题标签 [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.
css - 如何从 scss mixin 更改另一个变量中使用的变量值
我试图从 mixin 更改另一个变量中使用的变量,但我无法更改变量值。
默认情况下,该$color
值为白色,并且此$color
变量用于另一个变量$var
。
当我通过$var
内部一个 mixin 来改变它的变量 ( $color
) 值时,它并没有改变。有人请为此提出解决方案吗?
预期输出:
提前致谢。
sass - 无法自定义默认搜索组件的颜色
我有一个 Ionic 3 应用程序,我正在处理我有一个搜索字段的地方。我正在尝试用深色背景和白色文本为其着色。
我有以下代码,在背景上运行良好,但默认图标和占位符文本没有变白:
这是组件:
我错过了什么?
css - 如果在 scss 中,则更改可变颜色
我正在尝试在 scss 中单击更改对比度(将更改对比度类添加到正文)来更改颜色。
我的静态颜色是:
$primary-color-blue: #2aace2 ;
$mid-blue-color: #2695d2 ;
$dark-blue-color: #124b62 ;
改变对比度:
$primary-color-blue: #177eab ;
$mid-blue-color: #1c6f9b ;
$dark-blue-color: #124b62 ;
应该类似于 sass
我正在尝试像下面那样做,但如果我喜欢下面,我必须添加到每个班级。
感谢您对此的帮助!
谢谢
sass - SCSS将变量传递给mixin中的关键帧
我正在尝试创建一个动画,其中涉及以不同的速度移动几朵云来为天空设置动画。为了创建可重用的代码,我已经转向 mixins,但我似乎遇到了问题。
云有不同的起始位置(例如由右定义:100px - 在 $startpos 处传递)。在初始页面加载时,云位于正确的位置,但动画从随机的正确位置开始。
我的 scss 代码看起来像这样
将鼠标悬停在感叹号上后,可以在https://meshto.space/上重现该行为
sass - 将 SASS Mixin 中的多个参数传递给输出类集或单个类
这会输出 4 个 CSS 类。
我正在尝试根据我作为参数传递的名称生成所有 4 个类或仅一个类。
我的输出需要是:
或者
基于我通过的论点。
进一步解释;我正在尝试@include
根据我的需要以下面提到的两种方式在同一个 SASS 地图上使用:
或者
我被困在这里,不确定这是否可以实现。任何帮助将不胜感激。
css - 如何创建支持内容块的 Sass 混合别名?
如何在支持内容块的情况下为同一个 mixin 定义多个名称?
定义
用法
错误信息
Mixin“大断点”不接受内容块。
css - SCSS 混合不起作用
我正在尝试使用 SCSS 学习 mixin,我正在尝试制作一个简单的 mixin 来控制按钮的样式,但是它不起作用。
我确信我错过了一些明显的东西,但我现在正在拔头发。
任何建议将不胜感激。
正如你在这里看到的- 我的 mixin 没有被应用。
html
java - Vaadin 设置背景不起作用
所以我有点困惑为什么设置背景图像不起作用。我可以使用其他 SCSS 方法(如 .top 等)来设置颜色等,但是当通过 SCSS 拉取图像时,应用程序会出现错误。
主题:
样式.scss:
该应用程序在生产模式下运行,图像文件的路径如下:
D:\Programming\app\src\main\WebContent\VAADIN\themes\mytheme\img\background.jpg
错误:
有谁知道这里发生了什么?
css - SCSS - 将代码与参数组合/缩短/简化?
是否有可能将此 SCSS 代码与参数或类似的东西结合起来?我只是不知道该怎么做。这段代码是关于在 SCSS 中设置不同类型的输入字段的样式。我不得不这样做是因为我不想删除不同类型的特定属性(例如 type=password -> 我希望我仍然屏蔽字段中的输入)
twitter-bootstrap - 如何在 Bootstrap 4 和 Sass 中设置自定义按钮文本颜色?
我想在 Bootstrap 4 中创建一个带有白色(#fff)文本颜色的新按钮样式。Mixinbutton-variant
会根据背景颜色自动设置文本颜色。如何在不修改的情况下同时使用这个 mixin 并设置颜色_buttons.scss
?
自定义.scss
_buttons.scss