Add focus-within border (#68)

9db88515 · Kenny Tran · Chi Kei Chan · 204313f6 · 9db88515
Commit 9db88515 authored Oct 19, 2018 by Kenny Tran Committed by Chi Kei Chan Oct 19, 2018
Hide whitespace changes
Inline Side-by-side

Showing with 8 additions and 0 deletions

currency-panel.scss src/components/CurrencyInputPanel/currency-panel.scss +8 -0

No files found.
--- a/src/components/CurrencyInputPanel/currency-panel.scss
+++ b/src/components/CurrencyInputPanel/currency-panel.scss
@@ -14,6 +14,14 @@
    &--error {
      border: 0.5px solid $salmon-red;
    }
+
+    &:focus-within {
+      border-color: $royal-blue;
+    }
+
+    &--error:focus-within {
+      border-color: $salmon-red;
+    }
  }

  &__label-row {