SASS

我的scss常用方法

兼容IE透明度写法 @mixin opacity($number: 0.5) { opacity: $number; filter: alpha(opacity=#{$number * 100}); }   修改input placeholder颜色 @mixin placeholderColor($color: #fff) { &::-webkit-input-placeholder { color: $color; } &::-moz-placeholder { /* Mozilla Firefox 19+ */ color: $color; } &:-m

2018-06-29 13:19:13 921 11 20

阅读详情

SASS笔记–命令

SASS安装命令--Mac gem install sass 提示权限问题需要用到sudo命令 sudo gem install sass SASS --watch 监听命令监听单个文件 sass --watch test.scss:test.css 监听文件夹 sass --watch sassTest/css SASS编译的4种风格：--style nested，嵌套缩进的css代码，默认值 expanded，没有缩进的css代码，与平时正常手写换行一样 compact，css不换行 compressed，压缩后的css   nested   expanded &nb

2016-12-06 14:34:09 2235 4 16

阅读详情

SASS基础笔记整理

SASS是CSS的预处理器（css preprocessor），CSS的一种开发工具，支持加减乘除运算、变量、嵌套、继承（继承上一个选择器）、mixin（代码重用）、颜色函数、插入文件、条件、循环语句、自定义函数。 sass有两种写法，一种是以.sass后缀的文件语法是没有大括号的，和stylus风格类似；一种是.scss为后缀的，我用的是scss，下边为scss语法变量 scss变量以$开头 $left : left; div{ float: $left; } /*编译结果*/ div{ float: left; } /*变量需要嵌套在属性里须写在#{}里面*/ div{ border-#

2016-12-06 00:12:42 2199 2 21

阅读详情