-
换皮肤的项目，可能每一套皮肤对应的颜色蛮多的，那么使用此功能来管理颜色的变量就非常的有条理性，便于维护与管理。你可以这样使用：
$theme-color: ( default: ( bgcolor: #fff, text-color: #444, link-color: #39f ), primary:( bgcolor: #000, text-color:#fff, link-color: #93f ), negative: ( bgcolor: #f36, text-color: #fefefe, link-color: #d4e ) );
查看全部 -
多层嵌套取值
$theme-color: (
default: (
bgcolor: #fff,
text-color: #444,
link-color: #39f
),
primary:(
bgcolor: #000,
text-color:#fff,
link-color: #93f
),
negative: (
bgcolor: #f36,
text-color: #fefefe,
link-color: #d4e
)
);
.test1 {
color:map-get(map-get($theme-color,default),text-color);
}
查看全部 -
If a
@mediadirective appears within a CSS rule, it will be bubbled up to the top level of the stylesheet, putting all the selectors on the way inside the rule.查看全部 -
unit() 函数主要是用来获取一个值所使用的单位，碰到复杂的计算时，其能根据运算得到一个“多单位组合”的值，不过只充许乘、除运算：
查看全部 -
升级后不会报错了？
查看全部 -
数字函数-random()函数
括号内不带参数
查看全部 -
同时 quote() 碰到特殊符号，比如： !、?、> 等，除中折号 - 和 下划线_ 都需要使用双引号括起，否则编译器在进行编译的时候同样会报错：
查看全部 -
使用 quote() 函数只能给字符串增加双引号，而且字符串中间有单引号或者空格时，需要用单引号或双引号括起，否则编译的时候将会报错。
.test1 { content: quote(Hello Sass); }查看全部 -
如果字符串，自身带有引号会统一换成双引号 ""。
查看全部 -
unquote( ) 函数只能删除字符串最前和最后的引号（双引号或单引号），而无法删除字符串中间的引号。如果字符没有带引号，返回的将是字符串本身。
查看全部 -
the characters of sass:
define variables;
@extend
%placeholder
mixins
what is the functions of sass?
string function
number function
list funtion
color function
introspection function
ternary function
查看全部 -
@each 循环就是去遍历一个列表，然后从列表中取出对应的值。
@each 循环指令的形式：
@each $var in <list>
.author-bio{
@include author-images;
} //sass
.author-bio .photo-adam{
}
查看全部 -
在 Sass 的 @for 循环中有两种方式：
@for $i from <start> through <end> @for $i from <start> to <end>
$i 表示变量
start 表示起始值
end 表示结束值
这两个的区别是关键字 through 表示包括 end 这个数，而 to 则不包括 end 这个数。
查看全部 -
@debug :如果你在命令行中使用命令生成css文件，命令行中就会打印debug的信息
@if {
}else {
}
查看全部 -
@import color.css 自动编译成css
@import "color,css" 则不把它编译成css
查看全部
举报