/////////////////////////////////
// CORE / UTILITIES / BACKGROUNDS
/////////////////////////////////


// Color
.dcf-bg-transparent { @include bg-transparent(!important); }
.dcf-bg-white { @include bg-white(!important); }
.dcf-bg-foreground { @include bg-foreground(!important); }
.dcf-bg-overlay-dark { @include bg-overlay-dark(!important); }
.dcf-bg-overlay-light { @include bg-overlay-light(!important); }

@media screen and (prefers-color-scheme: dark) {

  .dcf-bg-overlay-light\@dark { @include bg-overlay-light-at-dark(!important); }

}


// Position
.dcf-bg-center { @include bg-center(!important); }
.dcf-bg-top { @include bg-top(!important); }
.dcf-bg-right { @include bg-right(!important); }
.dcf-bg-right-top { @include bg-right-top(!important); }
.dcf-bg-right-bottom { @include bg-right-bottom(!important); }
.dcf-bg-bottom { @include bg-bottom(!important); }
.dcf-bg-left { @include bg-left(!important); }
.dcf-bg-left-top { @include bg-left-top(!important); }
.dcf-bg-left-bottom { @include bg-left-bottom(!important); }


// Repeat
.dcf-bg-no-repeat { @include bg-no-repeat(!important); }
.dcf-bg-repeat { @include bg-repeat(!important); }
.dcf-bg-repeat-x { @include bg-repeat-x(!important); }
.dcf-bg-repeat-y { @include bg-repeat-y(!important); }


// Size
.dcf-bg-contain { @include bg-contain(!important); }
.dcf-bg-cover { @include bg-cover(!important); }


// None
.dcf-bg-none { @include bg-none(!important); }