WEB前端高级技术编程1104.Sass(747KB).pptVIP

复杂混合定义 复杂混合 @mixin compound { @include highlighted-background; @include header-text; } @mixin highlighted-background { background-color: #fc0; } @mixin header-text { font-size: 20px; } .test{ @include compound; } 混合参数(Mixin Arguments) 混合参数使用 @mixin sexy-border($color, $width) { border: { color: $color; width: $width; style: dashed; } } // Sass支持关键字参数(Keyword Arguments) p { @include sexy-border(blue, 1in); } 如果少传递参数怎么办？ 混合参数(Mixin Arguments) 混合动态参数使用 @mixin box-shadow($shadows...) { -moz-box-shadow : $shadows; -webkit-box-shadow : $shadows; box-shadow : $shadows;