60 lines
937 B
SCSS
60 lines
937 B
SCSS
body{
|
|
overflow: hidden;
|
|
}
|
|
|
|
#page{
|
|
height: 100%;
|
|
.navbar{
|
|
width: 100%;
|
|
height: 50px;
|
|
}
|
|
.handler{
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 25px;
|
|
background: blue;
|
|
position: absolute;
|
|
left : calc((100%/3) - 25px);
|
|
top: 50%;
|
|
z-index: 999;
|
|
}
|
|
#start{
|
|
width: 100%;
|
|
height: calc(100% - 50px);
|
|
.top, .bottom{
|
|
width: 100%;
|
|
display: inline-flex;
|
|
justify-content: space-between;
|
|
}
|
|
.top{
|
|
position: relative;
|
|
height: $H50;
|
|
}
|
|
.bottom{
|
|
position: absolute;
|
|
height: auto;
|
|
top: $H50-25;
|
|
bottom: 0;
|
|
}
|
|
.blocs{
|
|
overflow-y: auto;
|
|
margin: 5px;
|
|
width: $W33;
|
|
&:nth-child(1){
|
|
background: red;
|
|
}
|
|
&:nth-child(2){
|
|
background: pink;
|
|
left: $L33;
|
|
}
|
|
&:nth-child(3){
|
|
background: green;
|
|
}
|
|
}
|
|
.bottom{
|
|
.blocs{
|
|
}
|
|
}
|
|
}
|
|
}
|