问题标签 [scss-mixins]

我不知道如何在我的网站中包含 SCSS 文件，但我已经使用记事本完全开发了 .scss 文件。请让我知道如何将其包含在我的网站中？

是否可以像使用参数一样定义默认值@content？

例如：

我有以下用于 box-shadow 的 mixin：

如果我像这样使用它，它工作正常，例如：

但是我怎样才能链接 2 个阴影呢？

最终我想要一个这样的 CSS，例如：

我尝试使用以下代码：

但这没有用。那么，有可能吗？

我尝试在我的 styles.scss 中使用 mixin，但它说它没有定义。我试过了：

1. 在styles.scss 中使用它

结果：

2. 再次导入引导程序：

   @import "../node_modules/bootstrap/scss/bootstrap.scss";

现在它可以工作了，但是如果我查看styles.bundle.js，引导程序会被包含两次。Bootstrap 已经包含在 angular-cli.json 中。

我正在使用以下 LESS mixins 来生成用于 bidi 的 css。

这些将在以后像这样使用：

这样当我最终写道：

如果 div 在从左到右的上下文中，或者div.myclass如果div 在从右到左的上下文中，我会得到一组规则。padding-left:10pxpadding-right:10px

我现在正在尝试将其转换为 SCSS，我必须做到以下几点：

但我仍然有几个问题：

1）如果我取消注释 rtl 和 ltr mixins 中的中间选择器，则会收到以下错误：Invalid CSS after "[dir="ltr"]": expected "{", was "&". "&" may only be used at the beginning of a compound selector. 我可以没有这条规则，但我不希望......我希望它能够编译

进入：

2) 我找不到实现方法，@mixin bidi因为我找不到将两个内容块传递给 mixin 的方法。

有人可以帮助这个迁移吗

我无法@mixin为阴影创建一个。我想要的常规 CSS 中的阴影如下

@mixin我创造的就是这样

然后为了使用它，我将以下内容添加到我的 scss 文件中

但是，它被破坏了，因为一旦 SCSS 被编译，我看不到任何阴影 CSS 被应用。

我在项目中使用包含媒体并收到语法错误

[scss] ) 预期

在我的 vscode 编辑器中查看这个 mixin 时。我看过这个问题，但它与我遇到的语法不同。

这是此文件中存在问题的部分的屏幕截图

我没有对此 mixin 进行任何更改，我只是将其下载并包含在项目中，如此处所述

问题：

1. 是什么导致了这个错误？
2. 为什么即使它有错误我仍然可以使用这个mixin？
3. 我该如何解决这个问题？

在这个 SCSS 代码中，我使用 mixinbtn-structure和 extend%red-color来获取一个类下的所有声明，这与我的预期相反 SCSS 为同一个类输出两个单独的规则，如下面的输出所示：

输出

我不希望 SASS 输出属于同一类的两个单独的规则，如果该规则属于一个类，如何让 SASS 输出一个规则。

我想根据基色生成“颜色权重”。

这将创建以下变量：

然后我可以通过变量名在应用程序中使用该色谱。

我是 mixins 的新手，我试图理解这一点。你能向我解释一下这个特别的吗？它有什么作用？

我不明白以这种风格写它的意义何在，它实际上做了什么......