sass中的map

$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

    )

);

@each $i in map-keys($theme-color){

    .#{$i}{

   background-color:map-get(map-get($theme-color,$i),bgcolor);

    color:map-get(map-get($theme-color,$i),text-color);

    }

    .#{$i} a:link{

    color:map-get(map-get($theme-color,$i),link-color);

    }

}

posted on 2017-04-09 17:35  chuangzi  阅读(134)  评论(0编辑  收藏  举报

导航