Bourbon: 让你的sass更简洁

2018-02-11 14:05:45来源:https://juejin.im/post/5a7d3808f265da4e92681b3d作者:稀土掘金人点击

分享

position


.test {
@include position(relative, 0 null null 30px);
}

生成的样式


.test[data-v-a49090ce] {
position: relative;
top: 0;
left: 30px;
}

ellipsis


.test {
@include ellipsis;
}

生成的样式


.test[data-v-a49090ce] {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
}

px to rem


.test {
font-size: rem(120);
}

生成的样式


.test[data-v-a49090ce] {
font-size: 1.6rem;
}

shade


.test {
background-color: shade(blue, 60%);
}

生成的样式


.test[data-v-a49090ce] {
background-color: #000066;
}

prefixer(不受类似postcss的autoprefixer工具影响的情况下)


.test {
@include prefixer(appearance, none, ("webkit"));
}

生成的样式


.test[data-v-a49090ce] {
-webkit-appearance: none
}


更多请前往官方文档查看


最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台