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.
61 lines
1.1 KiB
61 lines
1.1 KiB
.box-sizing(@box-model){ |
|
-webkit-box-sizing: @box-model;/*Safari3.2+*/ |
|
-moz-box-sizing: @box-model;/*Firefox3.5+*/ |
|
-ms-box-sizing: @box-model;/*IE8*/ |
|
box-sizing: @box-model;/*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ |
|
} |
|
.clearfix() { |
|
*zoom: 1; |
|
&:before, |
|
&:after { |
|
content: " "; |
|
display: table; |
|
line-height: 0; |
|
} |
|
&:after { |
|
clear: both; |
|
} |
|
} |
|
.calc( @expression) { |
|
/*Firefox*/ |
|
width: -moz-calc(@expression); |
|
/*chrome safari*/ |
|
width: -webkit-calc(@expression); |
|
/*Standard */ |
|
width: calc(@expression); |
|
} |
|
|
|
.float-left(@left:0px){ |
|
position: relative; |
|
float:left; |
|
left:@left; |
|
} |
|
|
|
.float-right(@right:0px){ |
|
position: relative; |
|
float:right; |
|
right: @right; |
|
} |
|
.size(@width, @height){ |
|
width: @width; |
|
height: @height; |
|
} |
|
.full-size(){ |
|
.size(100%,100%); |
|
} |
|
.absolute-full-size(@top:0px, @right:0px, @bottom:0px, @left:0px){ |
|
position: absolute; |
|
left: @left; |
|
right: @right; |
|
bottom: @bottom; |
|
top: @top; |
|
} |
|
.inline-block(){ |
|
display:inline-block; |
|
*display:inline; |
|
*zoom:1; |
|
} |
|
.line-height(@height){ |
|
height: @height; |
|
line-height: @height; |
|
} |