commonroutesApp/www/lib/angular-material/modules/closure/toolbar/toolbar.css
www/lib/angular-material/modules/closure/toolbar/toolbar.cssRaw
1/*!
2 * Angular Material Design
3 * https://github.com/angular/material
4 * @license MIT
5 * v1.1.1
6 */
7md-toolbar {
8 box-sizing: border-box;
9 display: -webkit-box;
10 display: -webkit-flex;
11 display: flex;
12 -webkit-box-orient: vertical;
13 -webkit-box-direction: normal;
14 -webkit-flex-direction: column;
15 flex-direction: column;
16 position: relative;
17 z-index: 2;
18 font-size: 20px;
19 min-height: 64px;
20 width: 100%; }
21 md-toolbar._md-toolbar-transitions {
22 -webkit-transition-duration: 0.5s;
23 transition-duration: 0.5s;
24 -webkit-transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
25 transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
26 -webkit-transition-property: background-color, fill, color;
27 transition-property: background-color, fill, color; }
28 md-toolbar.md-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove {
29 -webkit-transition: box-shadow 0.5s linear;
30 transition: box-shadow 0.5s linear; }
31 md-toolbar md-toolbar-filler {
32 width: 72px; }
33 md-toolbar *,
34 md-toolbar *:before,
35 md-toolbar *:after {
36 box-sizing: border-box; }
37 md-toolbar.ng-animate {
38 -webkit-transition: none;
39 transition: none; }
40 md-toolbar.md-tall {
41 height: 128px;
42 min-height: 128px;
43 max-height: 128px; }
44 md-toolbar.md-medium-tall {
45 height: 88px;
46 min-height: 88px;
47 max-height: 88px; }
48 md-toolbar.md-medium-tall .md-toolbar-tools {
49 height: 48px;
50 min-height: 48px;
51 max-height: 48px; }
52 md-toolbar > .md-indent {
53 margin-left: 64px; }
54 [dir=rtl] md-toolbar > .md-indent {
55 margin-left: auto;
56 margin-right: 64px; }
57 md-toolbar ~ md-content > md-list {
58 padding: 0; }
59 md-toolbar ~ md-content > md-list md-list-item:last-child md-divider {
60 display: none; }
61
62.md-toolbar-tools {
63 font-size: 20px;
64 letter-spacing: 0.005em;
65 box-sizing: border-box;
66 font-weight: 400;
67 display: -webkit-box;
68 display: -webkit-flex;
69 display: flex;
70 -webkit-box-align: center;
71 -webkit-align-items: center;
72 align-items: center;
73 -webkit-box-orient: horizontal;
74 -webkit-box-direction: normal;
75 -webkit-flex-direction: row;
76 flex-direction: row;
77 width: 100%;
78 height: 64px;
79 max-height: 64px;
80 padding: 0 16px;
81 margin: 0; }
82 .md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 {
83 font-size: inherit;
84 font-weight: inherit;
85 margin: inherit; }
86 .md-toolbar-tools a {
87 color: inherit;
88 text-decoration: none; }
89 .md-toolbar-tools .fill-height {
90 display: -webkit-box;
91 display: -webkit-flex;
92 display: flex;
93 -webkit-box-align: center;
94 -webkit-align-items: center;
95 align-items: center; }
96 .md-toolbar-tools .md-button {
97 margin-top: 0;
98 margin-bottom: 0; }
99 .md-toolbar-tools .md-button, .md-toolbar-tools .md-button.md-icon-button md-icon {
100 -webkit-transition-duration: 0.5s;
101 transition-duration: 0.5s;
102 -webkit-transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
103 transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
104 -webkit-transition-property: background-color, fill, color;
105 transition-property: background-color, fill, color; }
106 .md-toolbar-tools .md-button.ng-animate, .md-toolbar-tools .md-button.md-icon-button md-icon.ng-animate {
107 -webkit-transition: none;
108 transition: none; }
109 .md-toolbar-tools > .md-button:first-child {
110 margin-left: -8px; }
111 [dir=rtl] .md-toolbar-tools > .md-button:first-child {
112 margin-left: auto;
113 margin-right: -8px; }
114 .md-toolbar-tools > .md-button:last-child {
115 margin-right: -8px; }
116 [dir=rtl] .md-toolbar-tools > .md-button:last-child {
117 margin-right: auto;
118 margin-left: -8px; }
119 .md-toolbar-tools > md-menu:last-child {
120 margin-right: -8px; }
121 [dir=rtl] .md-toolbar-tools > md-menu:last-child {
122 margin-right: auto;
123 margin-left: -8px; }
124 .md-toolbar-tools > md-menu:last-child > .md-button {
125 margin-right: 0; }
126 [dir=rtl] .md-toolbar-tools > md-menu:last-child > .md-button {
127 margin-right: auto;
128 margin-left: 0; }
129 @media screen and (-ms-high-contrast: active) {
130 .md-toolbar-tools {
131 border-bottom: 1px solid #fff; } }
132
133@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
134 md-toolbar {
135 min-height: 56px; }
136 .md-toolbar-tools {
137 height: 56px;
138 max-height: 56px; } }
139
140@media (min-width: 0) and (max-width: 959px) and (orientation: landscape) {
141 md-toolbar {
142 min-height: 48px; }
143 .md-toolbar-tools {
144 height: 48px;
145 max-height: 48px; } }