diff options
| -rw-r--r-- | _scss/utilities/_boxsizing.scss | 15 | ||||
| -rw-r--r-- | _scss/utilities/_textsizeadjust.scss | 13 |
2 files changed, 28 insertions, 0 deletions
diff --git a/_scss/utilities/_boxsizing.scss b/_scss/utilities/_boxsizing.scss new file mode 100644 index 0000000..7e06a3e --- /dev/null +++ b/_scss/utilities/_boxsizing.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 box-sizing($value: content-box) { + -webkit-box-sizing: $value; + -moz-box-sizing: $value; + -ms-box-sizing: $value; + box-sizing: $value; +} diff --git a/_scss/utilities/_textsizeadjust.scss b/_scss/utilities/_textsizeadjust.scss new file mode 100644 index 0000000..49edd0b --- /dev/null +++ b/_scss/utilities/_textsizeadjust.scss @@ -0,0 +1,13 @@ +// Text Size Adjust +// +// The text-size-adjust CSS property controls the text inflation algorithm used on some smartphones and tablets. Other browsers will ignore this property. +// +// Values: none | auto | <percentage> +// Default: none +// +// https://drafts.csswg.org/css-size-adjust/#adjustment-control +@mixin text-size-adjust($value: none) { + -webkit-text-size-adjust: $value; + -moz-text-size-adjust: $value; + -ms-text-size-adjust: $value; +} |