forked from fanruan/fineui
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
88 lines
2.9 KiB
88 lines
2.9 KiB
8 years ago
|
.text-shadow(none){
|
||
|
|
text-shadow: none;
|
||
|
|
-moz-text-shadow: none;
|
||
|
|
-webkit-text-shadow: none;
|
||
|
|
}
|
||
|
|
.text-shadow(@x, @y, @blur, @color) when not (@x = none){
|
||
|
|
text-shadow: @arguments;
|
||
|
|
-moz-text-shadow: @arguments;
|
||
|
|
-webkit-text-shadow: @arguments;
|
||
|
|
}
|
||
|
|
.box-shadow(none){
|
||
|
|
box-shadow: none;
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
-moz-box-shadow: none;
|
||
|
|
}
|
||
|
|
.box-shadow(@style, @c) when (iscolor(@c)) {
|
||
|
|
-webkit-box-shadow: @style @c;
|
||
|
|
-moz-box-shadow: @style @c;
|
||
|
|
box-shadow: @style @c;
|
||
|
|
}
|
||
|
|
.box-shadow(@x, @y, @blur, @spreed: 0px, @color, @inset: outset) when (iscolor(@color)) and (isnumber(unit(@spreed))){
|
||
|
|
box-shadow: @arguments;
|
||
|
|
-webkit-box-shadow: @arguments;
|
||
|
|
-moz-box-shadow: @arguments;
|
||
|
|
}
|
||
|
|
|
||
|
|
.opacity(@opa){
|
||
|
|
opacity: @opa;
|
||
|
|
@opa-ie:@opa*100;
|
||
|
|
filter: ~'alpha(opacity=@{opa-ie})';
|
||
|
|
}
|
||
|
|
//渐变
|
||
|
|
.gradient(@start, @end){
|
||
|
|
background: @start; //不支持的用这个
|
||
|
|
background: -webkit-gradient(linear, 0 0, 0 100%, from(@start) to(@end)); /*old webkit*/
|
||
|
|
background: -webkit-linear-gradient(@start, @end); /*new webkit*/
|
||
|
|
background: -moz-linear-gradient(@start, @end); /*gecko*/
|
||
|
|
background: -ms-linear-gradient(@start, @end); /*IE10 preview*/
|
||
|
|
background: -o-linear-gradient(@start, @end); /*opera 11.10+*/
|
||
|
|
background: linear-gradient(@start, @end); /*future CSS3 browsers*/
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@{start}', endColorstr='@{end}', GradientType='0');
|
||
|
|
}
|
||
|
|
.border-radius(@radius: 5px){
|
||
|
|
-webkit-border-radius: @radius;
|
||
|
|
-moz-border-radius: @radius;
|
||
|
|
border-radius: @radius;
|
||
|
|
}
|
||
|
|
.border-corner-top-radius(@leftTop, @rightTop){
|
||
|
|
-moz-border-radius-topleft: @leftTop;
|
||
|
|
-webkit-border-top-left-radius: @leftTop;
|
||
|
|
-moz-border-radius-topright: @rightTop;
|
||
|
|
-webkit-border-top-right-radius: @rightTop;
|
||
|
|
|
||
|
|
border-top-left-radius:@leftTop;
|
||
|
|
border-top-right-radius:@rightTop;
|
||
|
|
}
|
||
|
|
.border-corner-bottom-radius(@leftBottom, @rightBottom){
|
||
|
|
-moz-border-radius-bottomleft: @rightBottom;
|
||
|
|
-webkit-border-bottom-left-radius: @rightBottom;
|
||
|
|
-moz-border-radius-bottomright: @leftBottom;
|
||
|
|
-webkit-border-bottom-right-radius: @rightBottom;
|
||
|
|
|
||
|
|
border-bottom-right-radius:@rightBottom;
|
||
|
|
border-bottom-left-radius:@leftBottom;
|
||
|
|
}
|
||
|
|
.border-corner-left-radius(@leftTop, @leftBottom){
|
||
|
|
-moz-border-radius-topleft: @leftTop;
|
||
|
|
-webkit-border-top-left-radius: @leftTop;
|
||
|
|
-moz-border-radius-bottomleft: @leftBottom;
|
||
|
|
-webkit-border-bottom-left-radius: @leftBottom;
|
||
|
|
|
||
|
|
border-top-left-radius:@leftTop;
|
||
|
|
border-bottom-left-radius:@leftBottom;
|
||
|
|
}
|
||
|
|
.border-corner-right-radius(@rightTop, @rightBottom){
|
||
|
|
-moz-border-radius-topright: @rightTop;
|
||
|
|
-webkit-border-top-right-radius: @rightTop;
|
||
|
|
-moz-border-radius-bottomright: @rightBottom;
|
||
|
|
-webkit-border-bottom-right-radius: @rightBottom;
|
||
|
|
|
||
|
|
border-top-right-radius:@rightTop;
|
||
|
|
border-bottom-right-radius:@rightBottom;
|
||
|
|
}
|
||
|
|
.border-corner-radius(@leftTop, @rightTop, @rightBottom, @leftBottom){
|
||
|
|
-webkit-border-radius: @arguments;
|
||
|
|
-moz-border-radius: @arguments;
|
||
|
|
border-radius: @arguments;
|
||
|
|
}
|