diff --git a/src/components/dropdown/dropdown--inline.html b/src/components/dropdown/dropdown--inline.html index ca92b5258498..f8066f33fc9a 100644 --- a/src/components/dropdown/dropdown--inline.html +++ b/src/components/dropdown/dropdown--inline.html @@ -8,19 +8,19 @@
  • diff --git a/src/components/number-input/_number-input.scss b/src/components/number-input/_number-input.scss index 72bc4712c72f..a9c230ad48b4 100644 --- a/src/components/number-input/_number-input.scss +++ b/src/components/number-input/_number-input.scss @@ -152,6 +152,15 @@ background: $field-02; } + .#{$prefix}--number[data-invalid] { + input[type='number'] { + box-shadow: 0 2px 0px 0px $support-01; + } + ~ .#{$prefix}--form-requirement { + max-height: rem(200px); + } + } + // Skeleton State .#{$prefix}--number.#{$prefix}--skeleton { @include skeleton; diff --git a/src/components/text-area/_text-area.scss b/src/components/text-area/_text-area.scss index ddf38dd0d770..4683f0b66dcb 100644 --- a/src/components/text-area/_text-area.scss +++ b/src/components/text-area/_text-area.scss @@ -86,4 +86,14 @@ color: transparent; } } + + // Skeleton State + #{$prefix}--text-area.#{$prefix}--skeleton { + @include skeleton; + height: rem(100px); + + &::-webkit-input-placeholder { + color: transparent; + } + } } diff --git a/src/components/text-input/_text-input.scss b/src/components/text-input/_text-input.scss index e13aca59a0f1..b2a762b3fe6a 100644 --- a/src/components/text-input/_text-input.scss +++ b/src/components/text-input/_text-input.scss @@ -93,4 +93,14 @@ color: transparent; } } + + // Skeleton State + .#{$prefix}--text-input.#{$prefix}--skeleton { + @include skeleton; + width: 100%; + + &::-webkit-input-placeholder { + color: transparent; + } + } } diff --git a/src/globals/scss/_typography.scss b/src/globals/scss/_typography.scss index a85a9c5b5c0d..7e9b5acbc96a 100644 --- a/src/globals/scss/_typography.scss +++ b/src/globals/scss/_typography.scss @@ -72,16 +72,16 @@ $typescale-map: ( } $font-size-map: ( - '76': 4.75rem, - '54': 3.375rem, - '36': 2.25rem, - '28': 1.75rem, - '20': 1.25rem, - '18': 1.125rem, - '16': 1rem, - '14': 0.875rem, - '12': 0.75rem, - '11': 0.6875rem + '76' : 4.75rem, + '54' : 3.375rem, + '36' : 2.25rem, + '28' : 1.75rem, + '20' : 1.25rem, + '18' : 1.125rem, + '16' : 1rem, + '14' : 0.875rem, + '12' : 0.75rem, + '11' : 0.6875rem ); @mixin font-size($size) {