From 2b64e18f2b49546e077b4283d06887233979ec23 Mon Sep 17 00:00:00 2001 From: Winston Hughes Date: Tue, 24 Jun 2014 14:36:57 -0400 Subject: [PATCH] Add -webkit-border-radius: 0px; for corners Didn't like the rounded corners WebKit adds to Form Inputs so added -webkit-border-radius: 0px; where I thought it should go to remove them. Before: http://c.rwh.im/image/3F0U0w2L1Y0g After: http://c.rwh.im/image/1p3w3d2C2239 --- scss/foundation/components/_forms.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/scss/foundation/components/_forms.scss b/scss/foundation/components/_forms.scss index ae641c85c..40a9e9b32 100644 --- a/scss/foundation/components/_forms.scss +++ b/scss/foundation/components/_forms.scss @@ -305,6 +305,7 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default; // We use this mixin to style select elements @mixin form-select { -webkit-appearance: none !important; + -webkit-border-radius: 0px; background-color: $select-bg-color; // The custom arrow have some fake horizontal padding so we can align it @@ -388,6 +389,7 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default; input[type="url"], textarea { -webkit-appearance: none; + -webkit-border-radius: 0px; @include form-element; @if $input-include-glowing-effect == false { @include single-transition(all, 0.15s, linear); @@ -399,6 +401,7 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default; input[type="submit"] { -webkit-appearance: none; + -webkit-border-radius: 0px; } /* Respect enforced amount of rows for textarea */ -- 2.47.2