From c47849c0d57ae5384788cd8ed567dc028d47ac85 Mon Sep 17 00:00:00 2001
From: Gemma Leigh <hello@gemmaleigh.com>
Date: Thu, 27 Oct 2016 14:38:49 +0100
Subject: [PATCH 1/2] Remove rounded corners for form inputs and textareas in
 iOS

Remove rounded corners for inputs and textarea elements using the
.form-control class.

Also set -webkit-appearance: none; to remove the inner shadow on these
elements.
---
 public/sass/elements/_forms.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/public/sass/elements/_forms.scss b/public/sass/elements/_forms.scss
index 56b496bd0..86deab8ba 100644
--- a/public/sass/elements/_forms.scss
+++ b/public/sass/elements/_forms.scss
@@ -157,6 +157,14 @@ textarea {
 
 }
 
+input.form-control,
+textarea.form-control {
+  // Remove inner shadow
+  -webkit-appearance: none;
+  // Remove rounded corners
+  border-radius: 0;
+}
+
 // Radio buttons
 .form-radio {
   display: block;

From 83be41b12ffa8fb66043a2641ddb34870a76cae2 Mon Sep 17 00:00:00 2001
From: Gemma Leigh <hello@gemmaleigh.com>
Date: Thu, 27 Oct 2016 15:28:58 +0100
Subject: [PATCH 2/2] Disable the QualifyingElement linter

Disable the linter to only remove rounded corners from inputs and
textareas
---
 public/sass/elements/_forms.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/public/sass/elements/_forms.scss b/public/sass/elements/_forms.scss
index 86deab8ba..fdab6401b 100644
--- a/public/sass/elements/_forms.scss
+++ b/public/sass/elements/_forms.scss
@@ -157,6 +157,8 @@ textarea {
 
 }
 
+// Allow a qualifying element, remove rounded corners from inputs and textareas
+// scss-lint:disable QualifyingElement
 input.form-control,
 textarea.form-control {
   // Remove inner shadow
@@ -164,6 +166,7 @@ textarea.form-control {
   // Remove rounded corners
   border-radius: 0;
 }
+// scss-lint:enable QualifyingElement
 
 // Radio buttons
 .form-radio {