Sass 擴展了 CSS 的 @import 規則,讓它能夠引入 SCSS 和 Sass 文件。 所有引入的 SCSS 和 Sass 文件都會被合并并輸出一個單一的 CSS 文件。
2016-10-09
色相是色彩特征,比如藍色是冷色,紅色是暖色,兩個顏色在色相環的位置是相對的,adjust-hue() 函數就是根據色相環調整色彩值。
話說研究色相不是設計師的工作嗎,為什么工程師也要參一腳啊。
話說研究色相不是設計師的工作嗎,為什么工程師也要參一腳啊。
2016-10-09
css預處理腳本的用處是生成可維護的css樣式。不過比較尷尬的是,大網站不屑于,小網站不需要。用的比較多的領域是開發框架和樣式自定義。
2016-10-09
@mixin class{
@each $key,$vaule in $list{
ul.#{$key}{
@include swatchesLighten($vaule);
@include swatchesDarken($vaule);
li:nth-child(11) {
background-color: $vaule;
}
}
}
}
@include class;
@each $key,$vaule in $list{
ul.#{$key}{
@include swatchesLighten($vaule);
@include swatchesDarken($vaule);
li:nth-child(11) {
background-color: $vaule;
}
}
}
}
@include class;
2016-09-27
給每個li加樣式,這樣更方便:
$list:(
red:$redBase,
orange:$orangeBase,
yellow:$yellowBase,
green:$greenBase,
blue:$blueBase,
purple:$purpleBase,
black:$blackBase
);
$list:(
red:$redBase,
orange:$orangeBase,
yellow:$yellowBase,
green:$greenBase,
blue:$blueBase,
purple:$purpleBase,
black:$blackBase
);
2016-09-27
@mixin border{
$index:1;
@each $var in zip(1px 2px 3px,solid dashed dotted,green blue red){
.border#{$index}{
border:$var;
}
$index:$index+1;
}
}
@include border;
$index:1;
@each $var in zip(1px 2px 3px,solid dashed dotted,green blue red){
.border#{$index}{
border:$var;
}
$index:$index+1;
}
}
@include border;
2016-09-27