angular-material
Version:
**[Support for legacy AngularJS ended on January 1st, 2022](https://goo.gle/angularjs-end-of-life). [See `@angular/core` for the actively supported Angular](https://npmjs.com/@angular/core).**
103 lines (100 loc) • 4.36 kB
CSS
/*!
* AngularJS Material Design
* https://github.com/angular/material
* @license MIT
* v1.2.5
*/
md-nav-bar.md-THEME_NAME-theme .md-nav-bar {
background-color: transparent;
border-color: "{{foreground-4}}";
}
md-nav-bar.md-THEME_NAME-theme .md-button._md-nav-button.md-unselected {
color: "{{foreground-2}}";
}
md-nav-bar.md-THEME_NAME-theme .md-button._md-nav-button[disabled] {
color: "{{foreground-3}}";
}
md-nav-bar.md-THEME_NAME-theme md-nav-ink-bar {
color: "{{accent-color}}";
background: "{{accent-color}}";
}
md-nav-bar.md-THEME_NAME-theme.md-accent > .md-nav-bar {
background-color: "{{accent-color}}";
}
md-nav-bar.md-THEME_NAME-theme.md-accent > .md-nav-bar .md-button._md-nav-button {
color: "{{accent-A100}}";
}
md-nav-bar.md-THEME_NAME-theme.md-accent > .md-nav-bar .md-button._md-nav-button.md-active, md-nav-bar.md-THEME_NAME-theme.md-accent > .md-nav-bar .md-button._md-nav-button.md-focused {
color: "{{accent-contrast}}";
}
md-nav-bar.md-THEME_NAME-theme.md-accent > .md-nav-bar .md-button._md-nav-button.md-focused {
background: "{{accent-contrast-0.1}}";
}
md-nav-bar.md-THEME_NAME-theme.md-accent > .md-nav-bar md-nav-ink-bar {
color: "{{primary-600-1}}";
background: "{{primary-600-1}}";
}
md-nav-bar.md-THEME_NAME-theme.md-warn > .md-nav-bar {
background-color: "{{warn-color}}";
}
md-nav-bar.md-THEME_NAME-theme.md-warn > .md-nav-bar .md-button._md-nav-button {
color: "{{warn-100}}";
}
md-nav-bar.md-THEME_NAME-theme.md-warn > .md-nav-bar .md-button._md-nav-button.md-active, md-nav-bar.md-THEME_NAME-theme.md-warn > .md-nav-bar .md-button._md-nav-button.md-focused {
color: "{{warn-contrast}}";
}
md-nav-bar.md-THEME_NAME-theme.md-warn > .md-nav-bar .md-button._md-nav-button.md-focused {
background: "{{warn-contrast-0.1}}";
}
md-nav-bar.md-THEME_NAME-theme.md-primary > .md-nav-bar {
background-color: "{{primary-color}}";
}
md-nav-bar.md-THEME_NAME-theme.md-primary > .md-nav-bar .md-button._md-nav-button {
color: "{{primary-100}}";
}
md-nav-bar.md-THEME_NAME-theme.md-primary > .md-nav-bar .md-button._md-nav-button.md-active, md-nav-bar.md-THEME_NAME-theme.md-primary > .md-nav-bar .md-button._md-nav-button.md-focused {
color: "{{primary-contrast}}";
}
md-nav-bar.md-THEME_NAME-theme.md-primary > .md-nav-bar .md-button._md-nav-button.md-focused {
background: "{{primary-contrast-0.1}}";
}
md-toolbar > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar {
background-color: "{{primary-color}}";
}
md-toolbar > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button {
color: "{{primary-100}}";
}
md-toolbar > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-active, md-toolbar > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-focused {
color: "{{primary-contrast}}";
}
md-toolbar > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-focused {
background: "{{primary-contrast-0.1}}";
}
md-toolbar.md-accent > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar {
background-color: "{{accent-color}}";
}
md-toolbar.md-accent > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button {
color: "{{accent-A100}}";
}
md-toolbar.md-accent > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-active, md-toolbar.md-accent > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-focused {
color: "{{accent-contrast}}";
}
md-toolbar.md-accent > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-focused {
background: "{{accent-contrast-0.1}}";
}
md-toolbar.md-accent > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar md-nav-ink-bar {
color: "{{primary-600-1}}";
background: "{{primary-600-1}}";
}
md-toolbar.md-warn > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar {
background-color: "{{warn-color}}";
}
md-toolbar.md-warn > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button {
color: "{{warn-100}}";
}
md-toolbar.md-warn > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-active, md-toolbar.md-warn > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-focused {
color: "{{warn-contrast}}";
}
md-toolbar.md-warn > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-focused {
background: "{{warn-contrast-0.1}}";
}