1 | /*!
|
---|
2 | * AngularJS Material Design
|
---|
3 | * https://github.com/angular/material
|
---|
4 | * @license MIT
|
---|
5 | * v1.2.3
|
---|
6 | */
|
---|
7 | md-tabs.md-THEME_NAME-theme md-tabs-wrapper {
|
---|
8 | background-color: transparent;
|
---|
9 | border-color: '{{foreground-4}}'; }
|
---|
10 |
|
---|
11 | md-tabs.md-THEME_NAME-theme md-prev-button md-icon,
|
---|
12 | md-tabs.md-THEME_NAME-theme md-next-button md-icon {
|
---|
13 | color: '{{foreground-2}}'; }
|
---|
14 |
|
---|
15 | md-tabs.md-THEME_NAME-theme md-ink-bar {
|
---|
16 | color: '{{accent-color}}';
|
---|
17 | background: '{{accent-color}}'; }
|
---|
18 |
|
---|
19 | md-tabs.md-THEME_NAME-theme .md-tab {
|
---|
20 | color: '{{foreground-2}}'; }
|
---|
21 | md-tabs.md-THEME_NAME-theme .md-tab[disabled], md-tabs.md-THEME_NAME-theme .md-tab[disabled] md-icon {
|
---|
22 | color: '{{foreground-3}}'; }
|
---|
23 | 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 {
|
---|
24 | color: '{{accent-color}}'; }
|
---|
25 | md-tabs.md-THEME_NAME-theme .md-tab.md-focused {
|
---|
26 | background: '{{primary-color-0.1}}'; }
|
---|
27 | md-tabs.md-THEME_NAME-theme .md-tab .md-ripple-container {
|
---|
28 | color: '{{accent-A100}}'; }
|
---|
29 |
|
---|
30 | md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper {
|
---|
31 | background-color: '{{accent-500}}'; }
|
---|
32 | md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper md-prev-button md-icon,
|
---|
33 | md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper md-next-button md-icon {
|
---|
34 | color: '{{accent-500-contrast-0.7}}'; }
|
---|
35 | 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 {
|
---|
36 | color: '{{accent-500-contrast-0.7}}'; }
|
---|
37 | 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 {
|
---|
38 | color: '{{accent-500-contrast-1}}'; }
|
---|
39 | md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
|
---|
40 | background: '{{accent-500-contrast-0.1}}'; }
|
---|
41 | md-tabs.md-THEME_NAME-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
|
---|
42 | color: '{{accent-500-contrast}}';
|
---|
43 | background: '{{accent-500-contrast}}'; }
|
---|
44 |
|
---|
45 | md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper {
|
---|
46 | background-color: '{{primary-color}}'; }
|
---|
47 | md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper md-prev-button md-icon,
|
---|
48 | md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper md-next-button md-icon {
|
---|
49 | color: '{{primary-contrast}}'; }
|
---|
50 | 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 {
|
---|
51 | color: '{{primary-contrast-0.7}}'; }
|
---|
52 | 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 {
|
---|
53 | color: '{{primary-contrast}}'; }
|
---|
54 | md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
|
---|
55 | background: '{{primary-contrast-0.1}}'; }
|
---|
56 | md-tabs.md-THEME_NAME-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
|
---|
57 | color: '{{accent-color}}';
|
---|
58 | background: '{{accent-color}}'; }
|
---|
59 |
|
---|
60 | 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 {
|
---|
61 | color: '{{primary-contrast}}';
|
---|
62 | background: '{{primary-contrast}}'; }
|
---|
63 |
|
---|
64 | md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper {
|
---|
65 | background-color: '{{warn-500}}'; }
|
---|
66 | md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper md-prev-button md-icon,
|
---|
67 | md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper md-next-button md-icon {
|
---|
68 | color: '{{warn-500-contrast}}'; }
|
---|
69 | 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 {
|
---|
70 | color: '{{warn-500-contrast-0.7}}'; }
|
---|
71 | 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 {
|
---|
72 | color: '{{warn-500-contrast-1}}'; }
|
---|
73 | md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
|
---|
74 | background: '{{warn-500-contrast-0.1}}'; }
|
---|
75 | md-tabs.md-THEME_NAME-theme.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
|
---|
76 | color: '{{warn-500-contrast}}';
|
---|
77 | background: '{{warn-500-contrast}}'; }
|
---|
78 |
|
---|
79 | md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper {
|
---|
80 | background-color: '{{primary-color}}'; }
|
---|
81 | md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper md-prev-button md-icon,
|
---|
82 | md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper md-next-button md-icon {
|
---|
83 | color: '{{primary-contrast}}'; }
|
---|
84 | 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 {
|
---|
85 | color: '{{primary-contrast-0.7}}'; }
|
---|
86 | 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 {
|
---|
87 | color: '{{primary-contrast}}'; }
|
---|
88 | md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
|
---|
89 | background: '{{primary-contrast-0.1}}'; }
|
---|
90 | md-toolbar > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
|
---|
91 | color: '{{accent-color}}';
|
---|
92 | background: '{{accent-color}}'; }
|
---|
93 |
|
---|
94 | 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 {
|
---|
95 | color: '{{primary-contrast}}';
|
---|
96 | background: '{{primary-contrast}}'; }
|
---|
97 |
|
---|
98 | md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper {
|
---|
99 | background-color: '{{accent-500}}'; }
|
---|
100 | md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper md-prev-button md-icon,
|
---|
101 | md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper md-next-button md-icon {
|
---|
102 | color: '{{accent-500-contrast-0.7}}'; }
|
---|
103 | 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 {
|
---|
104 | color: '{{accent-500-contrast-0.7}}'; }
|
---|
105 | 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 {
|
---|
106 | color: '{{accent-500-contrast-1}}'; }
|
---|
107 | 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 {
|
---|
108 | background: '{{accent-500-contrast-0.1}}'; }
|
---|
109 | md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
|
---|
110 | color: '{{accent-500-contrast}}';
|
---|
111 | background: '{{accent-500-contrast}}'; }
|
---|
112 |
|
---|
113 | md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper {
|
---|
114 | background-color: '{{warn-500}}'; }
|
---|
115 | md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper md-prev-button md-icon,
|
---|
116 | md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper md-next-button md-icon {
|
---|
117 | color: '{{warn-500-contrast}}'; }
|
---|
118 | 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 {
|
---|
119 | color: '{{warn-500-contrast-0.7}}'; }
|
---|
120 | 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 {
|
---|
121 | color: '{{warn-500-contrast-1}}'; }
|
---|
122 | 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 {
|
---|
123 | background: '{{warn-500-contrast-0.1}}'; }
|
---|
124 | md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
|
---|
125 | color: '{{warn-500-contrast}}';
|
---|
126 | background: '{{warn-500-contrast}}'; }
|
---|