source: trip-planner-front/node_modules/angular-material/modules/closure/menu/menu.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.4 KB
Line 
1/*!
2 * AngularJS Material Design
3 * https://github.com/angular/material
4 * @license MIT
5 * v1.2.3
6 */
7.md-open-menu-container {
8 position: fixed;
9 left: 0;
10 top: 0;
11 z-index: 100;
12 opacity: 0;
13 border-radius: 2px;
14 max-height: calc(100vh - 10px);
15 overflow: auto; }
16 .md-open-menu-container md-menu-divider {
17 margin-top: 4px;
18 margin-bottom: 4px;
19 height: 1px;
20 min-height: 1px;
21 max-height: 1px;
22 width: 100%; }
23 .md-open-menu-container md-menu-content > * {
24 opacity: 0; }
25 .md-open-menu-container:not(.md-clickable) {
26 pointer-events: none; }
27 .md-open-menu-container.md-active {
28 opacity: 1;
29 transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
30 transition-duration: 200ms; }
31 .md-open-menu-container.md-active > md-menu-content > * {
32 opacity: 1;
33 transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
34 transition-duration: 200ms;
35 transition-delay: 100ms; }
36 .md-open-menu-container.md-leave {
37 opacity: 0;
38 transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
39 transition-duration: 250ms; }
40
41md-menu-content {
42 display: flex;
43 flex-direction: column;
44 padding: 8px 0;
45 max-height: 304px;
46 overflow-y: auto; }
47 md-menu-content.md-dense {
48 max-height: 208px; }
49 md-menu-content.md-dense md-menu-item {
50 height: 32px;
51 min-height: 32px; }
52
53md-menu-item {
54 display: flex;
55 flex-direction: row;
56 min-height: 48px;
57 height: 48px;
58 align-content: center;
59 justify-content: flex-start;
60 /*
61 * We cannot use flex on <button> elements due to a bug in Firefox, so we also can't use it on
62 * <a> elements. Add some top padding to fix alignment since buttons automatically align their
63 * text vertically.
64 */ }
65 md-menu-item > * {
66 width: 100%;
67 margin: auto 0;
68 padding-left: 16px;
69 padding-right: 16px; }
70 md-menu-item > a.md-button {
71 padding-top: 5px; }
72 md-menu-item > .md-button {
73 text-align: left;
74 display: inline-block;
75 border-radius: 0;
76 margin: auto 0;
77 font-size: 15px;
78 text-transform: none;
79 font-weight: 400;
80 height: 100%;
81 padding-left: 16px;
82 padding-right: 16px;
83 width: 100%; }
84 md-menu-item > .md-button::-moz-focus-inner {
85 padding: 0;
86 border: 0; }
87 [dir=rtl] md-menu-item > .md-button {
88 text-align: right; }
89 md-menu-item > .md-button md-icon {
90 margin: auto 16px auto 0; }
91 [dir=rtl] md-menu-item > .md-button md-icon {
92 margin: auto 0 auto 16px; }
93 md-menu-item > .md-button p {
94 display: inline-block;
95 margin: auto; }
96 md-menu-item > .md-button span {
97 margin-top: auto;
98 margin-bottom: auto; }
99 md-menu-item > .md-button .md-ripple-container {
100 border-radius: inherit; }
101
102md-toolbar .md-menu {
103 height: auto;
104 margin: auto;
105 padding: 0; }
106
107@media (max-width: 959px) {
108 md-menu-content {
109 min-width: 112px; }
110 md-menu-content[width="3"] {
111 min-width: 168px; }
112 md-menu-content[width="4"] {
113 min-width: 224px; }
114 md-menu-content[width="5"] {
115 min-width: 280px; }
116 md-menu-content[width="6"] {
117 min-width: 336px; }
118 md-menu-content[width="7"] {
119 min-width: 392px; } }
120
121@media (min-width: 960px) {
122 md-menu-content {
123 min-width: 96px; }
124 md-menu-content[width="3"] {
125 min-width: 192px; }
126 md-menu-content[width="4"] {
127 min-width: 256px; }
128 md-menu-content[width="5"] {
129 min-width: 320px; }
130 md-menu-content[width="6"] {
131 min-width: 384px; }
132 md-menu-content[width="7"] {
133 min-width: 448px; } }
Note: See TracBrowser for help on using the repository browser.