From: Winston Hughes <github@rwh.im>
Date: Tue, 24 Jun 2014 18:36:57 +0000 (-0400)
Subject: Add -webkit-border-radius: 0px; for corners
X-Git-Tag: v5.3.1~17^2^2~8^2
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=refs%2Fpull%2F5368%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

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
---

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 */