Linting

cultureamp · Oct 22, 2024 · d150600 · d150600
1 parent 01881f0
commit d150600
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 15 deletions.
diff --git a/packages/components/src/TextArea/TextArea.module.css b/packages/components/src/TextArea/TextArea.module.css
@@ -57,13 +57,6 @@
 }
 
 .default {
-  &:focus:not([disabled]),
-  &:hover:not([disabled]),
-  &:hover:focus:not([disabled]) {
-    background-color: var(--color-gray-200);
-    border-color: var(--color-gray-600);
-  }
-
   &:not(.error, .caution) {
     &:disabled {
       border-color: rgba(
@@ -73,6 +66,13 @@
     }
   }
 
+  &:focus:not([disabled]),
+  &:hover:not([disabled]),
+  &:hover:focus:not([disabled]) {
+    background-color: var(--color-gray-200);
+    border-color: var(--color-gray-600);
+  }
+
   &.error {
     border-color: var(--color-red-500);
 
@@ -84,7 +84,7 @@
   }
 
   &.caution {
-    border-color: var(---color-yellow-600);
+    border-color: var(--color-yellow-600);
 
     &:focus:not([disabled]),
     &:hover:not([disabled]),
@@ -105,17 +105,17 @@
   background: transparent;
   color: var(--color-white);
 
+  &:focus {
+    outline-color: var(--color-blue-300);
+  }
+
   &:focus:not([disabled]),
   &:hover:not([disabled]),
   &:hover:focus:not([disabled]) {
     background: rgba(var(--color-white-rgb), 0.1);
     border-color: var(--color-white);
   }
 
-  &:focus {
-    outline-color: var(--color-blue-300);
-  }
-
   &.error {
     border-color: var(--color-red-300);
 

diff --git a/packages/components/styles/utils/_forms.scss b/packages/components/styles/utils/_forms.scss
@@ -23,9 +23,7 @@ $input-placeholder-line-height: 2.9rem;
 }
 
 @mixin form-input-placeholder() {
-  &::-webkit-input-placeholder,
-  &:-moz-placeholder,
-  &:-ms-input-placeholder {
+  &::placeholder {
     font-family: $typography-paragraph-body-font-family;
     font-size: $typography-paragraph-body-font-size;
     font-weight: $typography-paragraph-body-font-weight;