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