From 1bb23ac3c707cc6aaf46286bda2a2a86d2ee4acf Mon Sep 17 00:00:00 2001 From: Valentin Popov Date: Thu, 31 May 2018 04:31:44 +0400 Subject: SCSS support tools Signed-off-by: Valentin Popov --- _scss/utilities/_boxsizing.scss | 15 +++++++++++++++ _scss/utilities/_textsizeadjust.scss | 13 +++++++++++++ 2 files changed, 28 insertions(+) create mode 100644 _scss/utilities/_boxsizing.scss create mode 100644 _scss/utilities/_textsizeadjust.scss 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 | +// 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; +} -- cgit v1.2.3