CSS 更少的片段

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS 更少的片段相关的知识，希望对你有一定的参考价值。

.box_shadow(@horizontal: 1px, @vertical: 1px, @blur: 3px, @color: #000){
  -moz-box-shadow: @horizontal @vertical @blur @color;
  -webkit-box-shadow: @horizontal @vertical @blur @color; 
  box-shadow: @horizontal @vertical @blur @color;
}

.inner_shadow(@horizontal: 1px, @vertical: 1px, @blur: 3px, @color: #000){
  -moz-box-shadow: @horizontal @vertical @blur @color inset;
  -webkit-box-shadow: @horizontal @vertical @blur @color inset; 
  box-shadow: @horizontal @vertical @blur @color inset;
}

.rounded_corners(@radius: 5px){
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
  border-radius: @radius;
}


.rounded_top_corners(@radius: 5px){
  -moz-border-radius: 0px 0px @radius @radius;
  -webkit-border-radius: 0px 0px @radius @radius;
  border-radius: 0px 0px @radius @radius;
}

.rounded_bottom_corners(@radius: 5px){
  -moz-border-radius: @radius @radius 0px 0px;
  -webkit-border-radius: @radius @radius 0px 0px;
  border-radius: @radius @radius 0px 0px;
}

以上是关于CSS 更少的片段的主要内容，如果未能解决你的问题，请参考以下文章

带有 CSS 模块和更少的 Storybook UI

更少的颜色混合[重复]

jQuery学习教程，写更少的代码,做更多的事情

Chrome devtools 没有显示更少的文件

Ruby on Rails 更少的源地图和资产管道？

如何在 Webpack v3 中构建更少的编译链（gulp 风格）？