source: trip-planner-front/node_modules/angular-material/modules/js/toolbar/toolbar.css@ 6a3a178

Last change on this file since 6a3a178 was 6a3a178, checked in by Ema <ema_spirova@…>, 3 years ago

initial commit
  • Property mode set to 100644
File size: 3.6 KB
Line 
1/*!
2 * AngularJS Material Design
3 * https://github.com/angular/material
4 * @license MIT
5 * v1.2.3
6 */
7md-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; } }
Note: See TracBrowser for help on using the repository browser.