Skip to content

Instantly share code, notes, and snippets.

@ryzy
Last active June 30, 2018 17:03
Show Gist options
  • Save ryzy/216476d380578f8ba9e98ae4852ed274 to your computer and use it in GitHub Desktop.
Save ryzy/216476d380578f8ba9e98ae4852ed274 to your computer and use it in GitHub Desktop.
Angular Material themes - structure
@include mat-core($typography-config = null):
- angular-material-typography():
- mat-base-typography()
- mat-autocomplete-typography()
- mat-button-typography()
- mat-card-typography()
- mat-form-field-typography()
- mat-table-typography()
- ...
- mat-ripple() // basic styling for ripple effects
- cdk-a11y() // accessibility
- cdk-overlay() // overlay (modals, dropdowns)
- cdk-text-field() // css allowing autofill monitoring
@include angular-material-theme(...theme-palette-colors):
- mat-core-theme()
- mat-ripple-theme()
- mat-option-theme()
- mat-optgroup-theme()
- mat-pseudo-checkbox-theme()
- mat-autocomplete-theme()
- mat-button-theme()
- mat-card-theme()
- mat-form-field-theme()
-
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment