如何使用其他sass文件中的sass变量

亚马法沙

我正在开发WordPress主题,并且正在尝试使用该@use方法从另一个文件使用sass,但似乎无法正常工作。由于@importRule方法将很快贬值,我该如何解决该问题我有档案

//_brand.scss
$base-color: #c6538c;
$border-dark: rgba($base-color, 0.88);

接着

//footer.scsss
@use 'brand' as b;
.footer{
    padding: 0px 5%;
    background-color: b.$base-color;
}

并且在编译时出现此错误

Compilation Error
Error: Invalid CSS after "...ground-color: b": expected expression (e.g. 1px, bold), was ".$font-size;"
        on line 5 of sass/opt/lampp/.../sass/footer.scss
>>     background-color: b.$base-color;

我正在使用“ Live Sass编译器” Visual Studio代码扩展来编译为CSS

MBiabanfor

如果要brand.scss跨不同文件使用在文件中定义的变量,则可以使用@import指令。要使用它,只需将以下行添加到您的footer.scss文件中:

@import "brand";

资料来源:https : //www.w3schools.com/sass/sass_import.asp

希望我的回答对您有所帮助

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用 json 文件中的 sass 变量?

来自分类Dev

如何将calc变量嵌套在Sass中的其他calc变量中?

来自分类Dev

如何从Sass列表中删除所有其他项目?

来自分类Dev

Django:如何使用其他 .py 文件中定义的变量?

来自分类Dev

如何在CSS文件中编辑SASS变量headerSeperatorColor?

来自分类Dev

快速使用其他文件中的变量

来自分类Dev

如何使用其他类中的变量?

来自分类Dev

如何使用Elixir编译目录中的所有SASS文件?

来自分类Dev

如何通过Sass中的嵌套将其他信息添加到属性选择器?

来自分类Dev

如何在 Sass 中连接变量?

来自分类Dev

Sass Map(scss map-get)在其他scss导入中的使用

来自分类Dev

如何使用Gulp更改SASS路径变量?

来自分类Dev

使用Bower覆盖Middleman中的SASS变量

来自分类Dev

使用其他文件中的变量打印PDF文件吗?

来自分类Dev

如何引用 SASS 变量

来自分类Dev

如何为其他颜色增加SASS的灵活性

来自分类Dev

如何使用用户输入从其他文件中获取变量?

来自分类Dev

PHP:如何从其他 php 文件中的 _POST 获取变量(使用 slim)

来自分类Dev

Python-如何从其他文件导入函数中的变量?

来自分类Dev

使用变量访问其他文件中的单元格

来自分类Dev

在main之前使用其他文件中的变量

来自分类Dev

Wordpress中的SASS文件

来自分类Dev

Nuxt.js如何在所有Sass文件中添加全局环境变量

来自分类Dev

如何使用Visual Studio Code在bootstrap sass文件夹中找到变量的所有引用?

来自分类Dev

在Vue CLI中,如何使用sass代替node-sass(sass-loader的默认设置)?

来自分类Dev

如何使用Sass变量值声明sass变量以创建配色方案?

来自分类Dev

Sass:如何将JSON文件直接解码为Sass变量?

来自分类Dev

如何使Bootstrap sass变量对另一个导入的sass文件可见?

来自分类Dev

如何在 Sass 中混合使用@each?

Related 相关文章

  1. 1

    如何使用 json 文件中的 sass 变量?

  2. 2

    如何将calc变量嵌套在Sass中的其他calc变量中?

  3. 3

    如何从Sass列表中删除所有其他项目?

  4. 4

    Django:如何使用其他 .py 文件中定义的变量?

  5. 5

    如何在CSS文件中编辑SASS变量headerSeperatorColor?

  6. 6

    快速使用其他文件中的变量

  7. 7

    如何使用其他类中的变量?

  8. 8

    如何使用Elixir编译目录中的所有SASS文件?

  9. 9

    如何通过Sass中的嵌套将其他信息添加到属性选择器?

  10. 10

    如何在 Sass 中连接变量?

  11. 11

    Sass Map(scss map-get)在其他scss导入中的使用

  12. 12

    如何使用Gulp更改SASS路径变量?

  13. 13

    使用Bower覆盖Middleman中的SASS变量

  14. 14

    使用其他文件中的变量打印PDF文件吗?

  15. 15

    如何引用 SASS 变量

  16. 16

    如何为其他颜色增加SASS的灵活性

  17. 17

    如何使用用户输入从其他文件中获取变量?

  18. 18

    PHP:如何从其他 php 文件中的 _POST 获取变量(使用 slim)

  19. 19

    Python-如何从其他文件导入函数中的变量?

  20. 20

    使用变量访问其他文件中的单元格

  21. 21

    在main之前使用其他文件中的变量

  22. 22

    Wordpress中的SASS文件

  23. 23

    Nuxt.js如何在所有Sass文件中添加全局环境变量

  24. 24

    如何使用Visual Studio Code在bootstrap sass文件夹中找到变量的所有引用?

  25. 25

    在Vue CLI中,如何使用sass代替node-sass(sass-loader的默认设置)?

  26. 26

    如何使用Sass变量值声明sass变量以创建配色方案?

  27. 27

    Sass:如何将JSON文件直接解码为Sass变量?

  28. 28

    如何使Bootstrap sass变量对另一个导入的sass文件可见?

  29. 29

    如何在 Sass 中混合使用@each?

热门标签

归档