// // main-content.scss // Dashkit component //
// Main content // // General styles
.navbar-vertical:not([style*=“display: none”]) ~ .main-content, .navbar-vertical-sm:not([style*=“display: none”]) ~ .main-content {
.container, .container-fluid { @include media-breakpoint-up(md) { padding-left: ($main-content-padding-x + $grid-gutter-width / 2) !important; padding-right: ($main-content-padding-x + $grid-gutter-width / 2) !important; } }
}
// Main content offset // // Offsets the main content depending on the sidebar positioning
.navbar-vertical.navbar-expand {
@each $breakpoint, $value in $grid-breakpoints { &-#{$breakpoint} { @include media-breakpoint-up(#{$breakpoint}) { // Left &.fixed-left:not([style*="display: none"]) ~ .main-content { margin-left: $navbar-vertical-width; } // Right &.fixed-right:not([style*="display: none"]) ~ .main-content { margin-right: $navbar-vertical-width; } } } }
}
.navbar-vertical-sm.navbar-expand {
@each $breakpoint, $value in $grid-breakpoints { &-#{$breakpoint} { @include media-breakpoint-up(#{$breakpoint}) { // Left &.fixed-left:not([style*="display: none"]) ~ .main-content { margin-left: $navbar-vertical-width-sm; } // Right &.fixed-right:not([style*="display: none"]) ~ .main-content { margin-right: $navbar-vertical-width-sm; } } } }
}