aboutsummaryrefslogtreecommitdiff
path: root/_scss/_tools.scss
diff options
context:
space:
mode:
authorValentin Popov <valentineus@gmail.com>2018-04-09 05:55:00 +0300
committerValentin Popov <valentineus@gmail.com>2018-04-09 06:04:27 +0300
commit76b7d849a19c32e3a2a91773be8ffad696d3ab22 (patch)
tree2746a7c744ee0d7e397aeebf45798da5e4154ede /_scss/_tools.scss
parent39f8fdeaa3b3dba3628dbb3be97fb863da11da9a (diff)
downloadpopov.link-76b7d849a19c32e3a2a91773be8ffad696d3ab22.tar.xz
popov.link-76b7d849a19c32e3a2a91773be8ffad696d3ab22.zip
Border Box mixin
Signed-off-by: Valentin Popov <valentineus@gmail.com>
Diffstat (limited to '_scss/_tools.scss')
-rw-r--r--_scss/_tools.scss16
1 files changed, 16 insertions, 0 deletions
diff --git a/_scss/_tools.scss b/_scss/_tools.scss
new file mode 100644
index 0000000..dd9d0f5
--- /dev/null
+++ b/_scss/_tools.scss
@@ -0,0 +1,16 @@
+// Box Sizing
+//
+// The box-sizing property in CSS controls how the box model
+// is handled for the element it applies to.
+//
+// Values: content-box | border-box
+// Default: content-box
+//
+// https://www.w3.org/TR/css-ui-3/#box-sizing
+
+@mixin borderbox($value: content-box) {
+ -webkit-box-sizing: $value;
+ -moz-box-sizing: $value;
+ -ms-box-sizing: $value;
+ box-sizing: $value;
+}