46 lines
1.2 KiB
SCSS
46 lines
1.2 KiB
SCSS
.content-div {
|
|
padding-left: $size-navbar-width + ($grid-gutter-width / 2);
|
|
padding-right: $grid-gutter-width / 2;
|
|
padding-top: $size-header-height + $size-header-toolbar-height + ($grid-gutter-width / 2);
|
|
padding-bottom: $grid-gutter-width / 2;
|
|
|
|
transition: padding .5s ease; // transition when collapsing the nav menu
|
|
|
|
// with hidden navbar
|
|
@include media-breakpoint-down(md) {
|
|
padding-left: $grid-gutter-width / 2;
|
|
}
|
|
|
|
@include media-breakpoint-down(sm) {
|
|
padding-top: 10.4rem;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
|
|
// remove gutters (except on product page)
|
|
// @todo remove the :not() once the product page has been made responsive
|
|
body:not(.adminproducts) & .row {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
|
|
[class*="col-"] {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.-notoolbar {
|
|
padding-top: $size-header-height + $grid-gutter-width / 2;
|
|
}
|
|
|
|
&.with-tabs {
|
|
padding-top: $size-header-height + $size-header-toolbar-height + $grid-gutter-width + 2.5rem;
|
|
}
|
|
}
|
|
|
|
.page-sidebar-closed:not(.mobile) {
|
|
.content-div {
|
|
padding-left: $size-navbar-width-mini + ($grid-gutter-width / 2);
|
|
}
|
|
}
|