.container-fixed(@gutter:30px) { margin-right: auto; margin-left: auto; padding-left: floor((@gutter / 2)); padding-right: ceil((@gutter / 2)); &:extend(.clearfix all); }.clearfix{ &:before, &:after { content: " "; display: table; } &:after { clear: both; } }.container{ .container-fixed() }
编译结果
.clearfix:before,.clearfix:after,.container:before,.container:after { content: " "; display: table; }.clearfix:after,.container:after { clear: both; }.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
明明是container-fixed这个混合去继承了.clearfix,编译结果是container继承,看不明白求指导
一只甜甜圈
相关分类