layout.css
103 lines
| 1.6 KiB
| text/css
|
CssLexer
Brian Granger
|
r4331 | |||
.border-box-sizing { | ||||
box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
-webkit-box-sizing: border-box; | ||||
} | ||||
/* Flexible box model classes */ | ||||
/* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */ | ||||
.hbox { | ||||
display: -webkit-box; | ||||
-webkit-box-orient: horizontal; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: horizontal; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: horizontal; | ||||
box-align: stretch; | ||||
} | ||||
.hbox > * { | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
} | ||||
.vbox { | ||||
display: -webkit-box; | ||||
-webkit-box-orient: vertical; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: vertical; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: vertical; | ||||
box-align: stretch; | ||||
} | ||||
.vbox > * { | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
} | ||||
.reverse { | ||||
-webkit-box-direction: reverse; | ||||
-moz-box-direction: reverse; | ||||
box-direction: reverse; | ||||
} | ||||
.box-flex0 { | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
} | ||||
.box-flex1, .box-flex { | ||||
-webkit-box-flex: 1; | ||||
-moz-box-flex: 1; | ||||
box-flex: 1; | ||||
} | ||||
.box-flex2 { | ||||
-webkit-box-flex: 2; | ||||
-moz-box-flex: 2; | ||||
box-flex: 2; | ||||
} | ||||
.box-group1 { | ||||
-webkit-box-flex-group: 1; | ||||
-moz-box-flex-group: 1; | ||||
box-flex-group: 1; | ||||
} | ||||
.box-group2 { | ||||
-webkit-box-flex-group: 2; | ||||
-moz-box-flex-group: 2; | ||||
box-flex-group: 2; | ||||
} | ||||
.start { | ||||
-webkit-box-pack: start; | ||||
-moz-box-pack: start; | ||||
box-pack: start; | ||||
} | ||||
.end { | ||||
-webkit-box-pack: end; | ||||
-moz-box-pack: end; | ||||
box-pack: end; | ||||
} | ||||
.center { | ||||
-webkit-box-pack: center; | ||||
-moz-box-pack: center; | ||||
box-pack: center; | ||||
Brian E. Granger
|
r4488 | } | ||