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 | } |