Scroll page instead of nested div, removed nested divs

This commit is contained in:
Silvio Giebl
2019-11-27 22:07:22 +01:00
parent cf64965554
commit 73047a078f
3 changed files with 88 additions and 128 deletions

View File

@@ -2,19 +2,6 @@
// The basic two column layout
//
.page-wrap {
@include mq(md) {
position: absolute;
top: 0;
left: 0;
display: flex;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: hidden;
}
}
.side-bar {
z-index: 100;
display: flex;
@@ -23,7 +10,7 @@
@include mq(md) {
flex-wrap: nowrap;
position: absolute;
position: fixed;
width: $nav-width-md;
height: 100%;
flex-direction: column;
@@ -37,23 +24,6 @@
}
}
.main-wrap {
@include mq(md) {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: scroll;
}
&:focus {
outline: none;
}
}
.main {
@include mq(md) {
position: relative;