// // background.scss // Extended from Bootstrap //
.bg-cover {
background: no-repeat center center / cover;
}
// Between
.bg-between {
@include media-breakpoint-down(md) { background-image: none !important; } @include media-breakpoint-up(md) { background-repeat: no-repeat; background-position: left center, right center; background-size: auto 70%; }
}
// Gradients
.bg-gradient-light {
background-image: linear-gradient(to bottom, $light 0%, $white 100%);
}
// Colors
.bg-gray-200 {
background-color: $gray-200 !important;
}
.bg-gray-300 {
background-color: $gray-300 !important;
}
.bg-gray-800 {
background-color: $gray-800 !important;
}
.bg-gray-900 {
background-color: $gray-900 !important;
}
.bg-black {
background-color: $black !important;
}