fix(inputs): fix css vars

core-ds · Apr 2, 2020 · 1e233a2 · 1e233a2
1 parent 4152ae1
commit 1e233a2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/input/src/Component.module.css b/src/input/src/Component.module.css
@@ -3,9 +3,9 @@
 :root {
     --input-border-radius: 4px 4px 0 0;
     --input-side-paddings: 12px;
+    --input-paddings: 1px var(--input-side-paddings) 0;
     --input-border-bottom: 1px solid var(--color-dark-indigo-30-flat);
     --input-bg-color: var(--color-dark-indigo-07);
-    --input-paddings: 1px var(--input-side-paddings) 0;
     --input-labeled-paddings: 21px var(--input-side-paddings) 0;
     --input-labeled-s-paddings: 20px var(--input-side-paddings) 0;
 

diff --git a/src/pure-input/src/Component.module.css b/src/pure-input/src/Component.module.css
@@ -3,6 +3,7 @@
 :root {
     --pure-input-border-radius: 4px 4px 0 0;
     --pure-input-side-paddings: 12px;
+    --pure-input-paddings: 1px var(--pure-input-side-paddings) 0;
     --pure-input-border-bottom: 1px solid var(--color-dark-indigo-30-flat);
     --pure-input-paddings: 1px var(--pure-input-side-paddings) 0;
     --pure-input-bg-color: var(--color-dark-indigo-07);
@@ -33,7 +34,7 @@
         opacity 0.2s ease-in-out, color 0.2s ease-in-out;
     border: none;
     margin: 0;
-    padding: var(--input-paddings);
+    padding: var(--pure-input-paddings);
     border-bottom: var(--pure-input-border-bottom);
     outline: none;
     -webkit-appearance: none;