2 * Angular Material Design
3 * https://github.com/angular/material
7 /* mixin definition ; sets LTR and RTL within the same style call */
8 md-tabs.md-THEME_NAME-theme md-tabs-wrapper {
9 background-color: transparent;
10 border-color: '{{foreground-4}}'; }
11 md-tabs.md-THEME_NAME-theme .md-paginator md-icon {
12 color: '{{primary-color}}'; }
13 md-tabs.md-THEME_NAME-theme md-ink-bar {
14 color: '{{accent-color}}';
15 background: '{{accent-color}}'; }
16 md-tabs.md-THEME_NAME-theme .md-tab {
17 color: '{{foreground-2}}'; }
18 md-tabs.md-THEME_NAME-theme .md-tab[disabled] {
19 color: '{{foreground-3}}'; }
20 md-tabs.md-THEME_NAME-theme .md-tab.md-active, md-tabs.md-THEME_NAME-theme .md-tab.md-focused {
21 color: '{{primary-color}}'; }
22 md-tabs.md-THEME_NAME-theme .md-tab.md-focused {
23 background: '{{primary-color-0.1}}'; }
24 md-tabs.md-THEME_NAME-theme .md-tab .md-ripple-container {
25 color: '{{accent-100}}'; }
26 md-tabs.md-THEME_NAME-theme.md-accent md-tabs-wrapper {
27 background-color: '{{accent-color}}'; }
28 md-tabs.md-THEME_NAME-theme.md-accent md-tab-item:not([disabled]) {
29 color: '{{accent-100}}'; }
30 md-tabs.md-THEME_NAME-theme.md-accent md-tab-item:not([disabled]).md-active, md-tabs.md-THEME_NAME-theme.md-accent md-tab-item:not([disabled]).md-focused {
31 color: '{{accent-contrast}}'; }
32 md-tabs.md-THEME_NAME-theme.md-accent md-tab-item:not([disabled]).md-focused {
33 background: '{{accent-contrast-0.1}}'; }
34 md-tabs.md-THEME_NAME-theme.md-accent md-ink-bar {
35 color: '{{primary-600-1}}';
36 background: '{{primary-600-1}}'; }
37 md-tabs.md-THEME_NAME-theme.md-primary md-tabs-wrapper {
38 background-color: '{{primary-color}}'; }
39 md-tabs.md-THEME_NAME-theme.md-primary md-tab-item:not([disabled]) {
40 color: '{{primary-100}}'; }
41 md-tabs.md-THEME_NAME-theme.md-primary md-tab-item:not([disabled]).md-active, md-tabs.md-THEME_NAME-theme.md-primary md-tab-item:not([disabled]).md-focused {
42 color: '{{primary-contrast}}'; }
43 md-tabs.md-THEME_NAME-theme.md-primary md-tab-item:not([disabled]).md-focused {
44 background: '{{primary-contrast-0.1}}'; }
45 md-tabs.md-THEME_NAME-theme.md-warn md-tabs-wrapper {
46 background-color: '{{warn-color}}'; }
47 md-tabs.md-THEME_NAME-theme.md-warn md-tab-item:not([disabled]) {
48 color: '{{warn-100}}'; }
49 md-tabs.md-THEME_NAME-theme.md-warn md-tab-item:not([disabled]).md-active, md-tabs.md-THEME_NAME-theme.md-warn md-tab-item:not([disabled]).md-focused {
50 color: '{{warn-contrast}}'; }
51 md-tabs.md-THEME_NAME-theme.md-warn md-tab-item:not([disabled]).md-focused {
52 background: '{{warn-contrast-0.1}}'; }
54 md-toolbar > md-tabs.md-THEME_NAME-theme md-tabs-wrapper {
55 background-color: '{{primary-color}}'; }
56 md-toolbar > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]) {
57 color: '{{primary-100}}'; }
58 md-toolbar > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-active, md-toolbar > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-focused {
59 color: '{{primary-contrast}}'; }
60 md-toolbar > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-focused {
61 background: '{{primary-contrast-0.1}}'; }
63 md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme md-tabs-wrapper {
64 background-color: '{{accent-color}}'; }
65 md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]) {
66 color: '{{accent-100}}'; }
67 md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-active, md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-focused {
68 color: '{{accent-contrast}}'; }
69 md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-focused {
70 background: '{{accent-contrast-0.1}}'; }
71 md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme md-ink-bar {
72 color: '{{primary-600-1}}';
73 background: '{{primary-600-1}}'; }
75 md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme md-tabs-wrapper {
76 background-color: '{{warn-color}}'; }
77 md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]) {
78 color: '{{warn-100}}'; }
79 md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-active, md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-focused {
80 color: '{{warn-contrast}}'; }
81 md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-focused {
82 background: '{{warn-contrast-0.1}}'; }