Skip to content

Commit

Permalink
fix(textfield): Add font styles to input, remove from mdc wrapper (#908)
Browse files Browse the repository at this point in the history
  • Loading branch information
touficbatache authored and amsheehan committed Jul 25, 2017
1 parent 27671de commit a498a28
Showing 1 changed file with 6 additions and 7 deletions.
13 changes: 6 additions & 7 deletions packages/mdc-textfield/mdc-textfield.scss
Original file line number Diff line number Diff line change
Expand Up @@ -35,19 +35,18 @@ $mdc-textfield-disabled-border-on-dark: rgba(white, .3);

// postcss-bem-linter: define textfield
.mdc-textfield {
@include mdc-typography-base;
// We use only a subset of the MDC typography values here as changing things such as line-height
// affects how the labels are transformed.
@each $prop in (font-size, letter-spacing) {
#{$prop}: map-get(map-get($mdc-typography-styles, subheading2), $prop);
}

display: inline-block;
margin-bottom: 8px;
will-change: opacity, transform, color;

&__input {
@include mdc-theme-prop(color, text-primary-on-light);
@include mdc-typography-base;
// We use only a subset of the MDC typography values here as changing things such as line-height
// affects how the labels are transformed.
@each $prop in (font-size, letter-spacing) {
#{$prop}: map-get(map-get($mdc-typography-styles, subheading2), $prop);
}

padding: 0 0 8px;
border: none;
Expand Down

0 comments on commit a498a28

Please sign in to comment.