mirror of
https://github.com/Oreolek/elements.git
synced 2024-07-01 14:04:57 +03:00
Added several mixins for box models
Added border-box, content-box, padding-box and margin-box
This commit is contained in:
parent
9f60313d75
commit
1122a5259e
|
@ -215,3 +215,34 @@
|
||||||
column-rule-width: @columnRuleWidth;
|
column-rule-width: @columnRuleWidth;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#box {
|
||||||
|
.border-box() {
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
-ms-box-sizing: border-box;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
-o-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.content-box() {
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
-ms-box-sizing: content-box;
|
||||||
|
-webkit-box-sizing: content-box;
|
||||||
|
-o-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
.padding-box() {
|
||||||
|
-moz-box-sizing: padding-box;
|
||||||
|
-ms-box-sizing: padding-box;
|
||||||
|
-webkit-box-sizing: padding-box;
|
||||||
|
-o-box-sizing: padding-box;
|
||||||
|
box-sizing: padding-box;
|
||||||
|
}
|
||||||
|
.margin-box() {
|
||||||
|
-moz-box-sizing: margin-box;
|
||||||
|
-ms-box-sizing: margin-box;
|
||||||
|
-webkit-box-sizing: margin-box;
|
||||||
|
-o-box-sizing: margin-box;
|
||||||
|
box-sizing: margin-box;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue