From 8ba2a53f3a8a8040d7ba082b86663f929fc0215d Mon Sep 17 00:00:00 2001 From: Konstantin Obenland Date: Wed, 5 Nov 2014 16:53:52 -0800 Subject: [PATCH] _s: Remove remaining box-sizing prefix. Also removes the box-sizing mixin, as it is of no use anymore. See http://caniuse.com/#feat=css3-boxsizing See #558. Fixes #561. --- sass/_reset.scss | 2 +- sass/forms/_fields.scss | 4 +--- sass/mixins/_mixins-master.scss | 7 ------- style.css | 5 ++--- 4 files changed, 4 insertions(+), 14 deletions(-) diff --git a/sass/_reset.scss b/sass/_reset.scss index 4c65807..9f5b945 100644 --- a/sass/_reset.scss +++ b/sass/_reset.scss @@ -25,7 +25,7 @@ html { *, *:before, *:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ - @include box-sizing(border-box); + box-sizing: border-box; } body { background: $color__background-body; /* Fallback for when there is no custom background color defined. */ diff --git a/sass/forms/_fields.scss b/sass/forms/_fields.scss index caee3fc..e485e74 100644 --- a/sass/forms/_fields.scss +++ b/sass/forms/_fields.scss @@ -5,9 +5,7 @@ input[type="radio"] { input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ - -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ - -moz-box-sizing: content-box; - box-sizing: content-box; + box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ diff --git a/sass/mixins/_mixins-master.scss b/sass/mixins/_mixins-master.scss index 53f8dd3..972069b 100644 --- a/sass/mixins/_mixins-master.scss +++ b/sass/mixins/_mixins-master.scss @@ -4,13 +4,6 @@ font-size: $sizeValue + rem; } -// Box model -@mixin box-sizing($box-model) { - -webkit-box-sizing: $box-model; // Safari <= 7 - -moz-box-sizing: $box-model; // Firefox <= 19 - box-sizing: $box-model; -} - // Border radius @mixin border-radius($radius) { background-clip: padding-box; /* stops bg color from leaking outside the border: */ diff --git a/style.css b/style.css index dba60da..db16f2f 100644 --- a/style.css +++ b/style.css @@ -77,7 +77,7 @@ html { *, *:before, *:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ - box-sizing: border-box; + box-sizing: border-box; } body { @@ -355,8 +355,7 @@ input[type="radio"] { input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ - -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ - box-sizing: content-box; + box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */