个人学习Sass总结

最新推荐文章于 2023-04-16 18:19:33 发布

MyKyle18

最新推荐文章于 2023-04-16 18:19:33 发布

阅读量356

点赞数

分类专栏：新手前端路文章标签： Sass Css 前端

本文链接：https://blog.csdn.net/qq_18547381/article/details/104170120

版权

本文介绍了Sass的基础配置，包括Ruby和Sass、Compass的安装。接着详细讲解了Sass的语法，包括变量定义、文件引入、基础数据类型、继承、嵌套、条件控制语句以及函数的使用。特别提到了变量的作用域、继承的规则以及嵌套的两种形式。

摘要由CSDN通过智能技术生成

Sass的中文官网：Sass中文网

Sass环境-Ruby2.6.5.zip：Ruby2.6.5.zip

安装Sass和Compass：vs code 使用scss/sass

关于VScode中Easy Sass设置项

名称	说明	默认值
`easysass.compileAfterSave`	Automatically compile SASS/SCSS file after saving	`true`
`easysass.formats`	Define format(s) for outputted css files. Use "nested", "expanded", "compact" or "compressed" as a format.	`[object Object],[object Object]`
`easysass.excludeRegex`	Regular expression for filenames (excluding path) excluded from building. Leave empty to disable.
`easysass.targetDir`	Target directory for generated files. If relative, will be based on currently opened folder in VS Code.