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 ae641c85c18da5e615a87a01c3b26be73d118713..40a9e9b32aa29d876ca6efb9df7f5fc855860887 100644 (file)
--- 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 */