fleet/frontend/layouts/CoreLayout/_styles.scss
2017-02-24 18:01:43 -05:00

39 lines
690 B
SCSS

.app-wrap {
@include display(flex);
min-height: calc(100vh - #{$footer-height});
}
.core-wrapper {
@include flex-grow(1);
margin: 0;
padding: 0 0 0 $pad-base;
max-width: calc(100% - 258px);
position: relative;
&--small {
max-width: calc(100% - 73px);
}
@include breakpoint(smalldesk) {
max-width: calc(100% - 73px);
}
}
.site-nav {
background-color: $white;
border-right: 1px solid $border-medium;
box-shadow: 2px 0 8px 0 rgba($black, 0.1);
box-sizing: border-box;
width: $nav-width;
&--small {
padding-left: 0;
width: $nav-tablet-width;
}
@include breakpoint(smalldesk) {
padding-left: 0;
width: $nav-tablet-width;
}
}