50 lines
912 B
SCSS
50 lines
912 B
SCSS
@use '../../styles/app' as *;
|
|
|
|
.root {
|
|
height: 100%;
|
|
}
|
|
|
|
.skipLink {
|
|
background: $white;
|
|
color: $text-color;
|
|
left: 1rem;
|
|
padding: 0.75rem 1rem;
|
|
position: fixed;
|
|
text-decoration: none;
|
|
top: 1rem;
|
|
transform: translateY(-200%);
|
|
transition: transform 0.2s ease-in-out;
|
|
z-index: 1100;
|
|
|
|
&:focus {
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
.wrap {
|
|
min-height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
transition: left 0.3s ease-in-out, right 0.3s ease-in-out;
|
|
|
|
@include media-breakpoint-up(md) {
|
|
left: $sidebar-width-open;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.sidebarOpen {
|
|
@include media-breakpoint-down(sm) {
|
|
left: $sidebar-width-open;
|
|
right: -$sidebar-width-open;
|
|
}
|
|
}
|
|
|
|
.content {
|
|
min-height: 100%;
|
|
// 20px for footer height
|
|
padding: #{$navbar-height + $content-padding-vertical} $content-padding-horizontal ($content-padding-vertical + 20px);
|
|
background-color: $body-bg;
|
|
}
|