//混入
@mixin alert($text-color, $bg) {
color: $text-color;
background-color: $bg;
}
$colors:(light:#ffffff, dark:#000000);
.useMap{
color:map-get($map: $colors, $key:datk )
}
.title-#{$version} {
width: 300px;
height: 40px;
overflow: hidden;
// @include alert(red, rgba(255, 255, 0, 0.719))
color: map-get($map: $colors, $key: dark);//获取$colors里面的dark的值
// color: map-keys($map: $colors);//获取$colors里面的dark的值
&:before{
content: #{$version};
color: red;
}
}
$version:"ss";
//使用through 1-4 用to关键字的话就不包含3
$columns: 4;
@for $n from 1 through $columns{
.col-#{$n}{
width:100% /$columns * $n;
}
}
$icons: success error warning;
@each $icon in $icons {
.icon-#{$icon} {
background-image:url(../image/icons/#{icon}.png)
}
}
$i:6;
@while $i>0 {
.item-#{$i} {
width: 5px *$i;
}
$i:$i-2;
}
background: lighten(#03AD79, 5); //变亮
// background: darken(#03AD79,5); //变暗
background: transparentize(#03AD79, 0.3); //变透明
scss使用
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
