Rev 13176 | Rev 13238 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed
Rev 13176 | Rev 13185 | ||
---|---|---|---|
Line 10... | Line 10... | ||
10 | } |
10 | } |
11 | 11 | ||
12 | .slide-menu-closed .slide-menu{ |
12 | .slide-menu-closed .slide-menu{ |
13 | overflow: hidden; |
13 | overflow: hidden; |
14 | z-index: 200; |
14 | z-index: 200; |
15 | } |
- | |
16 | - | ||
17 | .slide-menu-closed .slide-menu .menuitem>a>span{ |
- | |
18 | display:table; |
- | |
19 | } |
15 | } |
20 | 16 | ||
21 | .slide-menu .menuitem>a{ |
17 | .slide-menu .menuitem>a{ |
22 | display:flex; |
18 | display:flex; |
23 | } |
19 | } |
Line 75... | Line 71... | ||
75 | margin-left: 170px |
71 | margin-left: 170px |
76 | } |
72 | } |
77 | .slide-menu-closed .slide-menu .menuitem>a>span{ |
73 | .slide-menu-closed .slide-menu .menuitem>a>span{ |
78 | transform: translateX(-300px); |
74 | transform: translateX(-300px); |
79 | width:135px; |
75 | width:135px; |
- | 76 | /* prevent element from being stretched */ |
|
- | 77 | margin-right: -135px; |
|
80 | } |
78 | } |
81 | } |
79 | } |
82 | 80 | ||
83 | /* Medium and large screens */ |
81 | /* Medium and large screens */ |
84 | @media only screen and (min-width: 40.063em) { |
82 | @media only screen and (min-width: 40.063em) { |
Line 100... | Line 98... | ||
100 | margin-left: 250px |
98 | margin-left: 250px |
101 | } |
99 | } |
102 | .slide-menu-closed .slide-menu .menuitem>a>span{ |
100 | .slide-menu-closed .slide-menu .menuitem>a>span{ |
103 | transform: translateX(-500px); |
101 | transform: translateX(-500px); |
104 | width:215px; |
102 | width:215px; |
- | 103 | /* prevent element from being stretched */ |
|
- | 104 | margin-right: -215px; |
|
105 | } |
105 | } |
106 | .slide-menu .menuitem>a{ |
106 | .slide-menu .menuitem>a{ |
107 | padding: .4rem 1rem; |
107 | padding: .4rem 1rem; |
108 | } |
108 | } |
109 | } |
109 | } |