Sass进阶篇_技术问答

首页免费课 Sass进阶篇问答

Sass进阶篇

                
                大漠
            Web前端工程师

                    查看讲师更多课程 
                    大漠讲师的其他课程
                
Sass入门篇
中级·104427
免费课程
                                
玩转Bootstrap（JS插件篇）
中级·128648
免费课程
                                
玩转Bootstrap（基础）
初级·314544
免费课程
                                
十天精通CSS3
初级·242565
免费课程
                                
                难度中级
            
                时长 4小时55分
            
                学习人数
            
综合评分9.33
                            98人评价
                        查看评价
                                9.4
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.2
                                逻辑清晰

全部评论问答未解决精华

山本彩

工程师的命，操着设计师的心。

0 4-9 HSL函数-grayscale()函数

2018-01-02

AUSKEVIN1989

官方文档
The @each directive can also use multiple variables, as in @each $var1, $var2, ... in . If is a list of lists, each element of the sub-lists is assigned to the respective variable.

Since maps are treated as lists of pairs, multiple assignment works with them as well.

0 3-17 Sass Maps的函数-map-has-key($map,$key)

2017-12-31

qq_我爱卡哇伊_0

终于看完了不容易啊

1 5-7 @error

2017-12-28

慕设计7857085

$bgcolor: #c40712;
$bg:lightness($bgcolor);
.btn {
background-color: $bgcolor;
border-color: lighten($bgcolor,$bg - $bg * 0.1);
}

0 4-6 HSL函数-lighten()

2017-12-26

A回不去的曾经

已经失控了

2 4-15 颜色函数实战——七色卡

2017-11-28

zeter

直接写在最外层的同学，那样你的代码就会丑···本来按照bem规范的要求你可以一级嵌套一级，结果css表又变成了一大坨乱的，这样之后会不好维护，尤其是在项目大的时候经常需要维护上百份样式表

0 5-4 @at-root

2017-11-18

dabear

lighten($baseColor,10); 等价于 lighten($baseColor,10%);

0 4-6 HSL函数-lighten()

2017-11-14

qq_枫藤_0

终于，没有好好看函数的我现在要回去看一眼函数了

0 3-18 Sass Maps的函数-map-keys($map)

2017-10-31

qq_枫藤_0

$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 ) );

.btn-default {
color: map-get( map-get($theme-color,default),bgcolor);
}

1 3-16 Sass Maps的函数-map-get($map,$key)

2017-10-31

黄永泰

comparable

0 3-12 comparable()函数

2017-10-28

mop18mop183811015

@mixin swatchesColor($color){
@for $i from 1 through 21{
li:nth-child(#{$i}){
$bgc:if($i<=11,lighten($color,55-$i*5), darken($color,$i*5-55 ));
background-color:$bgc;
&:hover:before{content:"#{$bgc}";color:lighten($bgc,40);
font-family:verdana;font-size:8px;padding:2px;
}}}}

0 4-15 颜色函数实战——七色卡

2017-10-19