angular-material/modules/closure/tabs/tabs-default-theme.css

This repository publishes the AngularJS Material v1.x library and localized installs using `npm`. You can find the component source-code for this library in the [AngularJS Material repository](https://github.com/angular/material).

/*!
 * AngularJS Material Design
 * https://github.com/angular/material
 * @license MIT
 * v1.2.1
 */
md-tabs.md-THEME_NAME-theme md-tabs-wrapper {
  background-color: transparent;
  border-color: '{{foreground-4}}'; }

md-tabs.md-THEME_NAME-theme md-prev-button md-icon,
md-tabs.md-THEME_NAME-theme md-next-button md-icon {
  color: '{{foreground-2}}'; }

md-tabs.md-THEME_NAME-theme md-ink-bar {
  color: '{{accent-color}}';
  background: '{{accent-color}}'; }

md-tabs.md-THEME_NAME-theme .md-tab {
  color: '{{foreground-2}}'; }
  md-tabs.md-THEME_NAME-theme .md-tab[disabled], md-tabs.md-THEME_NAME-theme .md-tab[disabled] md-icon {
    color: '{{foreground-3}}'; }
  md-tabs.md-THEME_NAME-theme .md-tab.md-active, md-tabs.md-THEME_NAME-theme .md-tab.md-active md-icon, md-tabs.md-THEME_NAME-theme .md-tab.md-focused, md-tabs.md-THEME_NAME-theme .md-tab.md-focused md-icon {
    color: '{{accent-color}}'; }
  md-tabs.md-THEME_NAME-theme .md-tab.md-focused {
    background: '{{primary-color-0.1}}'; }
  md-tabs.md-THEME_NAME-theme .md-tab .md-ripple-container {
    color: '{{accent-A100}}'; }

md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper {
  background-color: '{{accent-500}}'; }
  md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper md-prev-button md-icon,
  md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper md-next-button md-icon {
    color: '{{accent-500-contrast-0.7}}'; }
  md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]), md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) md-icon {
    color: '{{accent-500-contrast-0.7}}'; }
  md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active, md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused, md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused md-icon {
    color: '{{accent-500-contrast-1}}'; }
  md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
    background: '{{accent-500-contrast-0.1}}'; }
  md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
    color: '{{accent-500-contrast}}';
    background: '{{accent-500-contrast}}'; }

md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper {
  background-color: '{{primary-color}}'; }
  md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper md-prev-button md-icon,
  md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper md-next-button md-icon {
    color: '{{primary-contrast}}'; }
  md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]), md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) md-icon {
    color: '{{primary-contrast-0.7}}'; }
  md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active, md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused, md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused md-icon {
    color: '{{primary-contrast}}'; }
  md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
    background: '{{primary-contrast-0.1}}'; }
  md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
    color: '{{accent-color}}';
    background: '{{accent-color}}'; }

md-tabs.md-THEME_NAME-theme.md-primary.md-no-ink-bar-color > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
  color: '{{primary-contrast}}';
  background: '{{primary-contrast}}'; }

md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper {
  background-color: '{{warn-500}}'; }
  md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper md-prev-button md-icon,
  md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper md-next-button md-icon {
    color: '{{warn-500-contrast}}'; }
  md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]), md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) md-icon {
    color: '{{warn-500-contrast-0.7}}'; }
  md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active, md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused, md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused md-icon {
    color: '{{warn-500-contrast-1}}'; }
  md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
    background: '{{warn-500-contrast-0.1}}'; }
  md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
    color: '{{warn-500-contrast}}';
    background: '{{warn-500-contrast}}'; }

md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper {
  background-color: '{{primary-color}}'; }
  md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper md-prev-button md-icon,
  md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper md-next-button md-icon {
    color: '{{primary-contrast}}'; }
  md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]), md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) md-icon {
    color: '{{primary-contrast-0.7}}'; }
  md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active, md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused, md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused md-icon {
    color: '{{primary-contrast}}'; }
  md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
    background: '{{primary-contrast-0.1}}'; }
  md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
    color: '{{accent-color}}';
    background: '{{accent-color}}'; }

md-toolbar > md-tabs.md-THEME_NAME-theme.md-no-ink-bar-color > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
  color: '{{primary-contrast}}';
  background: '{{primary-contrast}}'; }

md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper {
  background-color: '{{accent-500}}'; }
  md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper md-prev-button md-icon,
  md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper md-next-button md-icon {
    color: '{{accent-500-contrast-0.7}}'; }
  md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]), md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) md-icon {
    color: '{{accent-500-contrast-0.7}}'; }
  md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active, md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused, md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused md-icon {
    color: '{{accent-500-contrast-1}}'; }
  md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
    background: '{{accent-500-contrast-0.1}}'; }
  md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
    color: '{{accent-500-contrast}}';
    background: '{{accent-500-contrast}}'; }

md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper {
  background-color: '{{warn-500}}'; }
  md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper md-prev-button md-icon,
  md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper md-next-button md-icon {
    color: '{{warn-500-contrast}}'; }
  md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]), md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) md-icon {
    color: '{{warn-500-contrast-0.7}}'; }
  md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active, md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused, md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused md-icon {
    color: '{{warn-500-contrast-1}}'; }
  md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
    background: '{{warn-500-contrast-0.1}}'; }
  md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
    color: '{{warn-500-contrast}}';
    background: '{{warn-500-contrast}}'; }