WIP

zendesk · May 3, 2024 · 4a8e871 · 4a8e871
1 parent 8ac01d6
commit 4a8e871
Show file tree

Hide file tree

Showing 4 changed files with 52 additions and 44 deletions.
diff --git a/style.css b/style.css
diff --git a/styles/_base.scss b/styles/_base.scss
@@ -60,7 +60,7 @@ a {
   }
 }
 
-form[data-form], form[data-search] {
+form[data-form], .search {
   input,
   textarea {
     color: #000;

diff --git a/styles/_buttons.scss b/styles/_buttons.scss
@@ -46,7 +46,7 @@
   }
 }
 
-.button-large, input[type="submit"] {
+.button-large, form[data-form] input[type="submit"] {
   @include tablet {
     width: auto;
   }

diff --git a/styles/_search.scss b/styles/_search.scss
@@ -8,7 +8,11 @@ $padding-right: 20px;
   position: relative;
 }
 
-.search {
+/* 
+    We put 3 times the .search selector to increment the specificity of the selector 
+    to override the default input styles defined in _base.scss
+ */
+.search.search.search {
   border-color: $high-contrast-border-color;
   border-radius: 30px;
   border-style: solid;
@@ -88,7 +92,7 @@ $padding-right: 20px;
 
 }
 
-[dir="ltr"] .search {
+[dir="ltr"] .search.search.search {
   input[type="search"] {
     padding-left: $padding-left;
     padding-right: $padding-right;
@@ -117,7 +121,7 @@ $padding-right: 20px;
   }
 }
 
-[dir="rtl"] .search {
+[dir="rtl"] .search.search.search {
   input[type="search"] {
     padding-left: $padding-right;
     padding-right: $padding-left;