Ghost_Ruby_Theme/assets/css/site/off-canvas.css

78 lines
1.1 KiB
CSS
Raw Normal View History

.dimmer {
background: rgba(0, 0, 0, 0.7);
bottom: 0;
display: none;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 90;
}
2020-09-24 05:18:34 +03:00
.off-canvas {
background-color: var(--light-gray-color);
height: 100vh;
2020-09-24 05:18:34 +03:00
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
padding: 60px 0;
position: fixed;
right: 0;
top: 0;
transform: translateX(320px);
transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
width: 320px;
z-index: 90;
}
2020-09-24 05:18:34 +03:00
.off-canvas .burger {
margin: 0;
position: absolute;
right: 12px;
top: 15px;
}
2020-09-24 05:18:34 +03:00
.off-canvas .related-posts {
margin: 45px 0 30px;
padding: 0 20px;
}
2020-09-24 05:18:34 +03:00
.off-canvas .widget-area {
padding: 0 20px;
}
2020-09-24 05:18:34 +03:00
.off-canvas .widget {
background-color: transparent;
box-shadow: none;
padding: 0;
}
2020-09-24 05:18:34 +03:00
.off-canvas .widget + .widget {
margin-top: 45px;
}
2020-09-24 05:18:34 +03:00
body:not(.canvas-visible) .off-canvas {
visibility: hidden;
}
2020-09-24 05:18:34 +03:00
.canvas-opened {
overflow-y: hidden;
}
2020-09-24 05:18:34 +03:00
.canvas-opened .off-canvas {
transform: translateX(0);
visibility: visible;
}
2020-09-24 05:18:34 +03:00
.mobile-menu {
margin: 0 20px 45px;
}
2020-09-24 05:18:34 +03:00
.mobile-menu .nav-list {
display: block;
}
2020-09-24 05:18:34 +03:00
.mobile-menu .menu-item {
letter-spacing: 0;
2020-09-24 05:18:34 +03:00
margin: 20px 0;
}