63 lines
1.1 KiB
SCSS
63 lines
1.1 KiB
SCSS
.lo-App {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
padding-top: $header-height + $search-container-height;
|
|
width: 100%;
|
|
|
|
&#{ & }-no-search-bar {
|
|
padding-top: $header-height;
|
|
}
|
|
}
|
|
|
|
.lo-App_Content {
|
|
flex-grow: 1;
|
|
max-width: 100%;
|
|
padding-bottom: 30px;
|
|
position: relative;
|
|
z-index: 1;
|
|
|
|
&:before {
|
|
background-color: rgba($poa-purple, 0.5);
|
|
bottom: 0;
|
|
content: '';
|
|
display: none;
|
|
left: 0;
|
|
position: fixed;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 1234;
|
|
}
|
|
|
|
&#{ & }-mobile-menu-open {
|
|
&:before {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
&#{ & }-core {
|
|
&:before {
|
|
background-color: rgba($poa-purple, 0.5);
|
|
}
|
|
}
|
|
|
|
&#{ & }-sokol {
|
|
&:before {
|
|
background-color: rgba($sokol-cyan, 0.5);
|
|
}
|
|
}
|
|
|
|
&#{ & }-dai {
|
|
&:before {
|
|
background-color: rgba($xdai-green, 0.5);
|
|
}
|
|
}
|
|
|
|
&#{ & }-kovan {
|
|
&:before {
|
|
background-color: rgba($kovan-cyan, 0.5);
|
|
}
|
|
}
|
|
}
|