You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
787 B
40 lines
787 B
/** |
|
* @file |
|
* Visual styles for Magazine+'s slideout region. |
|
*/ |
|
.slideout { |
|
padding: 45px 30px; |
|
display: none; |
|
} |
|
.slideout-toggle { |
|
font-size: 19px; |
|
-webkit-appearance: none; |
|
-moz-appearance: none; |
|
appearance: none; |
|
cursor: pointer; |
|
padding: 10px; |
|
line-height: 1; |
|
color: #ffffff; |
|
border-width: 0; |
|
outline: none; |
|
display: none; |
|
} |
|
.slideout-side-right .slideout-menu { |
|
left: auto; |
|
} |
|
.slideout-side-right .slideout-toggle { |
|
left: auto; |
|
right: 0; |
|
} |
|
.slideout-toggle--fixed { |
|
backface-visibility: hidden; |
|
position: fixed; |
|
z-index:2; |
|
transition: transform 300ms ease; |
|
} |
|
.js-slideout-toggle--fixed-open { |
|
transform: translate3d(300px, 0px, 0px); |
|
} |
|
.slideout-side-right .js-slideout-toggle--fixed-open { |
|
transform: translate3d(-300px, 0px, 0px); |
|
}
|
|
|