aboutsummaryrefslogtreecommitdiff
path: root/_scss/utilities/_borderbox.scss
diff options
context:
space:
mode:
authorValentin Popov <info@valentineus.link>2018-04-18 00:31:02 +0300
committerValentin Popov <info@valentineus.link>2018-04-18 00:31:02 +0300
commiteebaa8c0340b6774a3412db72a4bc5394566034c (patch)
tree5ad577f6a2cd2653e9f3cb900a06035806410aff /_scss/utilities/_borderbox.scss
parentb5a946b6f51c416eae18fc46a2a5006b111f9c15 (diff)
downloadpopov.link-eebaa8c0340b6774a3412db72a4bc5394566034c.tar.xz
popov.link-eebaa8c0340b6774a3412db72a4bc5394566034c.zip
Snippet border-box
Diffstat (limited to '_scss/utilities/_borderbox.scss')
-rw-r--r--_scss/utilities/_borderbox.scss15
1 files changed, 15 insertions, 0 deletions
diff --git a/_scss/utilities/_borderbox.scss b/_scss/utilities/_borderbox.scss
new file mode 100644
index 0000000..48251c3
--- /dev/null
+++ b/_scss/utilities/_borderbox.scss
@@ -0,0 +1,15 @@
+// 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;
+}