随笔分类 - sass
层叠样式表语言
摘要：之前安装sass是本地安装Ruby的，现在改成下面（官网：https://sass-lang.com/） npm install -g sass 之前在项目中安装sass是这样的： npm install sass node-sass sass-loader -D 这会出现什么问题呢 安装node-
阅读全文
摘要：1、需求：需要在css变量中使用sass变量，发现行不通，如下 $bg:red; .theme{ --bg:$bg; } 2、原因：Sass 的语法改变了，较新版本的Sass要求在插值中写入自定义属性值，比如#{} $bg:red; .theme{ --bg:#{$bg}; } 这样就可以
阅读全文
摘要：命令 npm install sass node-sass sass-loader -D 直接就可以在.vue里用了 <style lang="scss" scoped ></style>
阅读全文
摘要：1、思路：通过设置html的data-theme属性来设置主题，利用css属性选择器判断识别，设置不同主题的sass变量，再利用sass的混和指令和样式来设置不同主题的主题色。 2、实现： 2-1、先在html上绑定data-theme属性，设置默认主题 <html lang="" data-the
阅读全文
摘要：在vue项目中npm install -save-dev sass-loade node-sass引入sass 并在<style lang="scss"></style>里使用会报Syntax Error: Error: Node Sass version 6.0.1 is incompatible
阅读全文
