问题标签 [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 回答
245 浏览

css - 如何从 scss mixin 更改另一个变量中使用的变量值

我试图从 mixin 更改另一个变量中使用的变量,但我无法更改变量值。

默认情况下,该$color值为白色,并且此$color变量用于另一个变量$var

当我通过$var内部一个 mixin 来改变它的变量 ( $color) 值时,它并没有改变。有人请为此提出解决方案吗?

预期输出:

提前致谢。

0 投票
2 回答
462 浏览

sass - 无法自定义默认搜索组件的颜色

我有一个 Ionic 3 应用程序,我正在处理我有一个搜索字段的地方。我正在尝试用深色背景和白色文本为其着色。

我有以下代码,在背景上运行良好,但默认图标和占位符文本没有变白:

这是组件:

我错过了什么?

0 投票
1 回答
2655 浏览

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

我正在尝试像下面那样做,但如果我喜欢下面,我必须添加到每个班级。

感谢您对此的帮助!

谢谢

0 投票
1 回答
1891 浏览

sass - SCSS将变量传递给mixin中的关键帧

我正在尝试创建一个动画,其中涉及以不同的速度移动几朵云来为天空设置动画。为了创建可重用的代码,我已经转向 mixins,但我似乎遇到了问题。

云有不同的起始位置(例如由右定义:100px - 在 $startpos 处传递)。在初始页面加载时,云位于正确的位置,但动画从随机的正确位置开始。

我的 scss 代码看起来像这样

将鼠标悬停在感叹号上后,可以在https://meshto.space/上重现该行为

0 投票
1 回答
873 浏览

sass - 将 SASS Mixin 中的多个参数传递给输出类集或单个类

这会输出 4 个 CSS 类。

我正在尝试根据我作为参数传递的名称生成所有 4 个类或仅一个类。

我的输出需要是:

或者

基于我通过的论点。

进一步解释;我正在尝试@include根据我的需要以下面提到的两种方式在同一个 SASS 地图上使用:

或者

我被困在这里,不确定这是否可以实现。任何帮助将不胜感激。

0 投票
1 回答
791 浏览

css - 如何创建支持内容块的 Sass 混合别名?

如何在支持内容块的情况下为同一个 mixin 定义多个名称?

定义

用法

错误信息

Mixin“大断点”不接受内容块。

0 投票
1 回答
282 浏览

css - SCSS 混合不起作用

我正在尝试使用 SCSS 学习 mixin,我正在尝试制作一个简单的 mixin 来控制按钮的样式,但是它不起作用。

我确信我错过了一些明显的东西,但我现在正在拔头发。

任何建议将不胜感激。

正如你在这里看到的- 我的 mixin 没有被应用。

html

0 投票
1 回答
311 浏览

java - Vaadin 设置背景不起作用

所以我有点困惑为什么设置背景图像不起作用。我可以使用其他 SCSS 方法(如 .top 等)来设置颜色等,但是当通过 SCSS 拉取图像时,应用程序会出现错误。

主题:

样式.scss:

该应用程序在生产模式下运行,图像文件的路径如下:

D:\Programming\app\src\main\WebContent\VAADIN\themes\mytheme\img\background.jpg

错误:

有谁知道这里发生了什么?

0 投票
1 回答
38 浏览

css - SCSS - 将代码与参数组合/缩短/简化?

是否有可能将此 SCSS 代码与参数或类似的东西结合起来?我只是不知道该怎么做。这段代码是关于在 SCSS 中设置不同类型的输入字段的样式。我不得不这样做是因为我不想删除不同类型的特定属性(例如 type=password -> 我希望我仍然屏蔽字段中的输入)

0 投票
1 回答
16143 浏览

twitter-bootstrap - 如何在 Bootstrap 4 和 Sass 中设置自定义按钮文本颜色?

我想在 Bootstrap 4 中创建一个带有白色(#fff)文本颜色的新按钮样式。Mixinbutton-variant会根据背景颜色自动设置文本颜色。如何在不修改的情况下同时使用这个 mixin 并设置颜色_buttons.scss

自定义.scss

_buttons.scss