source: trip-planner-front/node_modules/angular-material/modules/closure/menuBar/menuBar.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.5 KB
Line 
1/*!
2 * AngularJS Material Design
3 * https://github.com/angular/material
4 * @license MIT
5 * v1.2.3
6 */
7md-toolbar.md-menu-toolbar h2.md-toolbar-tools {
8 line-height: 1rem;
9 height: auto;
10 padding: 28px;
11 padding-bottom: 12px; }
12
13md-toolbar.md-has-open-menu {
14 position: relative;
15 z-index: 100; }
16
17md-menu-bar {
18 padding: 0 20px;
19 display: block;
20 position: relative;
21 z-index: 2; }
22 md-menu-bar .md-menu {
23 display: inline-block;
24 padding: 0;
25 position: relative; }
26 md-menu-bar button {
27 font-size: 14px;
28 padding: 0 10px;
29 margin: 0;
30 border: 0;
31 background-color: transparent;
32 height: 40px; }
33 md-menu-bar md-backdrop.md-menu-backdrop {
34 z-index: -2; }
35
36md-menu-content.md-menu-bar-menu.md-dense {
37 max-height: none;
38 padding: 16px 0; }
39 md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent {
40 position: relative; }
41 md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
42 position: absolute;
43 padding: 0;
44 width: 24px;
45 top: 6px;
46 left: 24px; }
47 [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
48 left: auto;
49 right: 24px; }
50 md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
51 padding: 0 32px 0 64px; }
52 [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
53 padding: 0 64px 0 32px; }
54 md-menu-content.md-menu-bar-menu.md-dense .md-button {
55 min-height: 0;
56 height: 32px; }
57 md-menu-content.md-menu-bar-menu.md-dense .md-button span {
58 float: left; }
59 [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-button span {
60 float: right; }
61 md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
62 float: right;
63 margin: 0 8px; }
64 [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
65 float: left; }
66 md-menu-content.md-menu-bar-menu.md-dense md-menu-divider {
67 margin: 8px 0; }
68 md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
69 text-align: left; }
70 [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
71 text-align: right; }
72 md-menu-content.md-menu-bar-menu.md-dense .md-menu {
73 padding: 0; }
74 md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
75 position: relative;
76 margin: 0;
77 width: 100%;
78 text-transform: none;
79 font-weight: normal;
80 border-radius: 0px;
81 padding-left: 16px; }
82 [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
83 padding-left: 0;
84 padding-right: 16px; }
85 md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
86 display: block;
87 content: '\25BC';
88 position: absolute;
89 top: 0px;
90 speak: none;
91 transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
92 right: 28px; }
93 [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
94 transform: rotate(90deg) scaleY(0.45) scaleX(0.9); }
95 [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
96 right: auto;
97 left: 28px; }
Note: See TracBrowser for help on using the repository browser.