fix: wip

emulsify-ds · May 29, 2023 · 14692b1 · 14692b1
1 parent 0434d8f
commit 14692b1
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/src/components/forms/_fieldset.scss b/src/components/forms/_fieldset.scss
@@ -1,5 +1,5 @@
 fieldset {
-  border: 1px solid var(--color-fieldset-border);
+  border: var(--border-sm) solid var(--color-fieldset-border);
   border-radius: var(--radius-fieldset);
   padding: var(--spacing-lg);
 }

diff --git a/src/components/forms/select/_select.scss b/src/components/forms/select/_select.scss
@@ -1,7 +1,7 @@
 // CSS-only select styling (from https://github.com/filamentgroup/select-css)
 
 .form-item__dropdown {
-  border: 1px solid clr(accent);
+  border: var(--border-sm) solid clr(accent);
   display: block;
   position: relative;
 
@@ -30,7 +30,7 @@
 }
 
 .form-item__select {
-  border: 1px solid var(--selectdropdown-button-stroke);
+  border: var(--border-sm) solid var(--selectdropdown-button-stroke);
   height: 41px; // set height required for discrepancy between .form-item__dropdown border and the select :focus border
   font-size: 16px;
   margin: 0;

diff --git a/src/components/forms/textfields/_textfields.scss b/src/components/forms/textfields/_textfields.scss
@@ -22,7 +22,7 @@
 }
 
 .form-item__textfield {
-  border: 1px solid var(--input-border-color);
+  border: var(--border-sm) solid var(--input-border-color);
   border-radius: var(--input-radius);
   padding: var(--input-padding-y) var(--input-padding-x);
   max-width: 100%;
@@ -44,7 +44,7 @@
 
 .form-fieldset {
   margin-bottom: 2em;
-  border: 1px solid var(--color-fieldset-border);
+  border: var(--border-sm) solid var(--color-fieldset-border);
   border-radius: var(--radius-fieldset);
   padding: var(--spacing-lg);
 

diff --git a/src/components/input/_input.scss b/src/components/input/_input.scss
@@ -9,7 +9,7 @@
   }
 
   &__input {
-    border: 1px solid var(--input-border-color);
+    border: var(--border-sm) solid var(--input-border-color);
     border-radius: var(--input-radius);
     padding: var(--input-padding-y) var(--input-padding-x);
     font-weight: bold;
@@ -33,4 +33,4 @@
   --input-color-label: var(--colors-warning-default);
   --input-border-color: var(--colors-warning-default);
   --input-color-help-text: var(--colors-warning-default);
-}
+}