fix(forms): Adjust font size on SelectorCounter and remove coloured b…

…order from focus states on inpu
telus · Dec 5, 2017 · 5d62e27 · 5d62e27
1 parent 1d64166
commit 5d62e27
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/old-components/SelectorCounter/SelectorCounter.scss b/src/old-components/SelectorCounter/SelectorCounter.scss
@@ -68,14 +68,15 @@
   }
 }
 
-input.selector-counter__value {
+// FIXME: remove redundant specificity once global css styles (forms.scss) are removed
+input.selector-counter__value.selector-counter__value {
   font-weight: 300;
   font-size: rem(44px);
   line-height: rem(44px);
   padding: 0 35px 0 25px;
   height: 52px;
   max-width: 100%;
-  -moz-appearance:textfield;
+  -moz-appearance: textfield;
 
   // Hide the built-in up/down arrows
   &::-webkit-inner-spin-button,

diff --git a/src/scss/elements/_forms.scss b/src/scss/elements/_forms.scss
@@ -60,6 +60,13 @@ input[type='radio']:not([data-no-global-styles]):focus + span::before {
 
 input:not([type='radio']),
 input:not([type='checkbox']),
+input[type='text']:not([data-no-global-styles]),
+input[type='tel']:not([data-no-global-styles]),
+input[type='number']:not([data-no-global-styles]),
+input[type='search']:not([data-no-global-styles]),
+input[type='email']:not([data-no-global-styles]),
+input[type='ulr']:not([data-no-global-styles]),
+input[type='password']:not([data-no-global-styles]),
 select:not([data-no-global-styles]) {
   &:focus {
     @extend %input-focus-style;