2018-12-17 18:10:54 -08:00
|
|
|
.lo-App {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
height: 100%;
|
|
|
|
padding-top: $header-height + $search-container-height;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.lo-App_Content {
|
|
|
|
flex-grow: 1;
|
|
|
|
padding-bottom: 30px;
|
|
|
|
position: relative;
|
2018-12-20 10:43:03 -08:00
|
|
|
z-index: 1;
|
2018-12-17 18:10:54 -08:00
|
|
|
|
|
|
|
&:before {
|
|
|
|
background-color: rgba($poa-purple, 0.5);
|
|
|
|
bottom: 0;
|
|
|
|
content: '';
|
|
|
|
display: none;
|
|
|
|
left: 0;
|
|
|
|
position: fixed;
|
|
|
|
right: 0;
|
2018-12-20 10:43:03 -08:00
|
|
|
top: 0;
|
2018-12-17 18:10:54 -08:00
|
|
|
z-index: 1234;
|
|
|
|
}
|
|
|
|
|
2018-12-20 10:43:03 -08:00
|
|
|
&#{ & }-mobile-menu-open {
|
|
|
|
&:before {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-12-17 18:10:54 -08:00
|
|
|
&#{ & }-core {
|
|
|
|
&:before {
|
|
|
|
background-color: rgba($poa-purple, 0.5);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&#{ & }-sokol {
|
|
|
|
&:before {
|
|
|
|
background-color: rgba($sokol-cyan, 0.5);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&#{ & }-dai {
|
|
|
|
&:before {
|
|
|
|
background-color: rgba($xdai-orange, 0.5);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|