Skip to content

Instantly share code, notes, and snippets.

@acodesmith

acodesmith/angular-material-input-height.scss

Created October 1, 2021 12:48
Show Gist options
  • Star 4 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save acodesmith/2f9e464ab1ea2d545a2642cd8341cf37 to your computer and use it in GitHub Desktop.
Save acodesmith/2f9e464ab1ea2d545a2642cd8341cf37 to your computer and use it in GitHub Desktop.
Download ZIP
Angular Material Input Set Height
Raw
angular-material-input-height.scss
.mat-form-field {
font-size: 0.74rem;
input {
font-size: 1rem;
}
label.mat-form-field-label {
font-size: 1rem;
top: 1.45em;
}
&.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
&.mat-form-field-can-float
.mat-input-server:focus
+ .mat-form-field-label-wrapper
.mat-form-field-label {
transform: translateY(-1.25em) scale(0.75);
width: 133.33333%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment