mirror of
https://github.com/Oreolek/elements.git
synced 2024-06-29 04:54:58 +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;
|
||||
}
|
||||
}
|
||||
|
||||
#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