// Spacing columns vertically
.row.row-grid > [class*=“col-”] + [class*=“col-”] {
margin-top: 3rem;
}
@include media-breakpoint-up(xl) {
.row.row-grid > [class*="col-lg-"] + [class*="col-lg-"] { margin-top: 0; }
} @include media-breakpoint-up(lg) {
.row.row-grid > [class*="col-md-"] + [class*="col-md-"] { margin-top: 0; }
} @include media-breakpoint-up(md) {
.row.row-grid > [class*="col-sm-"] + [class*="col-sm-"] { margin-top: 0; }
}
.row-grid + .row-grid {
margin-top: 3rem;
}
// Negative margins and paddings
@include media-breakpoint-up(lg){
[class*="mt--"], [class*="mr--"], [class*="mb--"], [class*="ml--"] { position: relative; z-index: 5; } // Large negative margins in pixels .mt--100 { margin-top: -100px !important; } .mr--100 { margin-right: -100px !important; } .mb--100 { margin-bottom: -100px !important; } .ml--100 { margin-left: -100px !important; } .mt--150 { margin-top: -150px !important; } .mb--150 { margin-bottom: -150px !important; } .mt--200 { margin-top: -200px !important; } .mb--200 { margin-bottom: -200px !important; } .mt--300 { margin-top: -300px !important; } .mb--300 { margin-bottom: -300px !important; } // Large margins in pixels .pt-100 { padding-top: 100px !important; } .pb-100 { padding-bottom: 100px !important; } .pt-150 { padding-top: 150px !important; } .pb-150 { padding-bottom: 150px !important; } .pt-200 { padding-top: 200px !important; } .pb-200 { padding-bottom: 200px !important; } .pt-250 { padding-top: 250px !important; } .pb-250 { padding-bottom: 250px !important; } .pt-300 { padding-top: 300px!important; } .pb-300 { padding-bottom: 300px!important; }
}