问题标签 [scss-mixins]

我想在 @each: 中使用变量值来为不同的状态创建类。但是SASS不使用值，它放在变量名中。

有这个 SASS 语法：

mixin 不会使用 $warning 值，而是创建

我该如何解决？

嗨，我正在编写一个 mixins，我想根据边距位置附加值我已经走了很远，这不知道如何前进。

在我的magin-multiple选择器中，如果我传递三个不同的值，它应该附加到各自的边距位置。例如，如果我包括@include margin(10px, 8px, 5px, top, left, right);我的预期输出如下

任何帮助，将不胜感激。

我制作了一个 mixin，用于在最小/最大媒体查询中制作一些网格列。看起来像这样：

如何使用：

现在，如果我将几个选择器传递给最后一个参数，除了最后一个选择器将获得嵌套样式。

li.product带有 2 个选择器的样式示例：

将在 CSS 中输出以下选择器：

参数的第一个选择器$class在所有嵌套样式中都被完全忽略。

我做错了什么吗？或者这在 SASS 中是不可能的？

我需要帮助来创建一个 sass mixin。

我有一个名为vertical3的类，它将相同的图像堆叠3次。我还得到一个属性调用重叠，范围从 -2 到 +1，我在下面定义了类。这些重叠类与垂直 3 处于同一水平。

如您所见，它们仅调整前两项的边距。我想为此定义一个 sass mixin。

我想完成这样的事情

我一直在关注制作 AngularDart Web 应用程序的入门指南。我已经通过 WebStorm 启动并运行了一个小应用程序。我在项目中添加了一个 SCSS Watcher，它编译得很好，但是每当我尝试导入其中一种 Angular 组件样式时都会引发以下类型的错误：

错误 style.scss（第 1 行：要导入的文件未找到或不可读：package:angular_components/app_layout/mixins。）

我不知道如何进行。将不胜感激建议。

我想做的是遍历我的媒体查询和 sass 中的列。例如，我使用以下代码生成了列类：

Codepen 链接也在这里：https ://codepen.io/Jesders88/project/editor/bd9e637b08b6c1c907c7fbe8211192f9

我想使用上面的 sass 地图，它工作正常。我挂断的地方是媒体查询。我不想为我的 sass 映射静态编码 4 个 if 语句。它需要动态完成。基本上它归结为在这种情况下我想cell-small通过一组课程。cell-xlarge如果我添加断点，mixin 需要适应它。基本上它需要类似于引导程序或基础。以下是我的想法。

基本上我需要一种在小断点处中断的方法来制作 12 列，并且在大屏幕上只有 4 列。同样，我不想循环通过断点而不得不静态地说

@if(breakpoint == sm){ do this }

sass 映射将是断点的定义。

如果这没有意义，请随时提出问题。另外，如果您愿意，请随时分叉我的笔并进行编辑。谢谢您的帮助。

我想要的示例

CSS

从 scss 文件转换为 css 文件时，如何避免将任何特定的 scss 文件转换为 css？

我有 20 个 scss 文件，最终转换为 css，这使 css 文件非常大。我正在尝试仅将几个文件转换为 css 并希望避免其他文件。

这个问题似乎直接要求解决方案，但我已经搜索了很长时间的答案。但发现大部分文档无关。

请给出解决此问题的建议或方向。

我一直在尝试::before在 a 中选择一个元素，该元素div具有特定类名 ( trumbowyg-link-button) 的兄弟。

在这里，它的样子：

我试过的

但不幸的是它不起作用。任何帮助都是不言而喻的。

我有三个文件

.. icons.scss --> 混合代码

.. main.scss --> 这里我使用 @include icon(name) 调用 mixin

.. main.js

到目前为止，一切都按预期完美运行。但是，如果我想从 JS 文件中更改 mixin 中的 ,​​name' 的值怎么办..

我们都知道在 JS 中操作 CSS 的方法不止一种。

例如：在我的 JS 中，我执行以下操作：

它不起作用，因为我认为 JS 正在寻找一个属性和一个值，但是怎么做呢？有办法吗？

我想知道是否有一种方法可以在 sass 中使 mixin 全局可访问。下面是一个github链接。我正在使用文件结构的 SMACSS 标准。

https://github.com/sfp-justin/framework

如果你往里看，resources/assets/scss/utilities/_mixins.scss你会看到我的 mixins。我将它们导入到主索引文件中。app.scss拥有我所有的主要进口产品。我知道我可以将导入移到utilities列表的顶部，我将能够访问该 mixin，但如果可能的话，我不想依赖这些项目的特定顺序。如果您查看，resources/assets/scss/layout/grid/_cell.scss您可以看到一个导入。

那么有没有办法做到以上几点，或者你可以指出我正确的方向，这将不胜感激。