70 lines
1.6 KiB
CSS
70 lines
1.6 KiB
CSS
/*
|
|
jQuery.mmenu offcanvas addon CSS
|
|
*/
|
|
.mm-page {
|
|
box-sizing: border-box;
|
|
position: relative; }
|
|
|
|
.mm-slideout {
|
|
-webkit-transition: -webkit-transform 0.4s ease;
|
|
-ms-transition: -ms-transform 0.4s ease;
|
|
transition: transform 0.4s ease; }
|
|
|
|
html.mm-opened {
|
|
overflow: hidden;
|
|
position: relative; }
|
|
html.mm-opened body {
|
|
overflow: hidden; }
|
|
html.mm-opened .mm-page {
|
|
min-height: 100vh; }
|
|
|
|
html.mm-background .mm-page {
|
|
background: inherit; }
|
|
|
|
#mm-blocker {
|
|
background: rgba(3, 2, 1, 0);
|
|
display: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 999999; }
|
|
|
|
html.mm-opened #mm-blocker,
|
|
html.mm-blocking #mm-blocker {
|
|
display: block; }
|
|
|
|
.mm-menu.mm-offcanvas {
|
|
display: none;
|
|
position: fixed; }
|
|
.mm-menu.mm-current {
|
|
display: block; }
|
|
|
|
.mm-menu {
|
|
width: 80%;
|
|
min-width: 140px;
|
|
max-width: 440px; }
|
|
|
|
html.mm-opening .mm-slideout {
|
|
-webkit-transform: translate(80%, 0);
|
|
-moz-transform: translate(80%, 0);
|
|
-ms-transform: translate(80%, 0);
|
|
-o-transform: translate(80%, 0);
|
|
transform: translate(80%, 0); }
|
|
|
|
@media all and (max-width: 175px) {
|
|
html.mm-opening .mm-slideout {
|
|
-webkit-transform: translate(140px, 0);
|
|
-moz-transform: translate(140px, 0);
|
|
-ms-transform: translate(140px, 0);
|
|
-o-transform: translate(140px, 0);
|
|
transform: translate(140px, 0); } }
|
|
@media all and (min-width: 550px) {
|
|
html.mm-opening .mm-slideout {
|
|
-webkit-transform: translate(440px, 0);
|
|
-moz-transform: translate(440px, 0);
|
|
-ms-transform: translate(440px, 0);
|
|
-o-transform: translate(440px, 0);
|
|
transform: translate(440px, 0); } }
|