////////////////////////////////////////
// THEME / UTILITIES / BACKGROUND IMAGES
////////////////////////////////////////


@use "../mixins/" as mixins;


// Shifts
[class^="unl-bg-shift-top-"],
[class*="unl-bg-shift-top-"] {
  @include mixins.bg-shift-top;
}


[class^="unl-bg-shift-bottom-"],
[class*="unl-bg-shift-bottom-"] {
  @include mixins.bg-shift-bottom;
}


// Shifts with stripes
[class^="unl-bg-shift-stripe-top-"],
[class*="unl-bg-shift-stripe-top-"] {
  @include mixins.bg-shift-stripe-top;
}


[class^="unl-bg-shift-stripe-bottom-"],
[class*="unl-bg-shift-stripe-bottom-"] {
  @include mixins.bg-shift-stripe-bottom;
}


// Shift colors
.unl-bg-shift-top-cream,
.unl-bg-shift-bottom-cream,
.unl-bg-shift-stripe-top-cream,
.unl-bg-shift-stripe-bottom-cream {
  @include mixins.bg-shift-cream;
}


.unl-bg-shift-top-lightest-gray,
.unl-bg-shift-bottom-lightest-gray,
.unl-bg-shift-stripe-top-lightest-gray,
.unl-bg-shift-stripe-bottom-lightest-gray {
  @include mixins.bg-shift-lightest-gray;
}


.unl-bg-shift-top-lighter-gray,
.unl-bg-shift-bottom-lighter-gray,
.unl-bg-shift-stripe-top-lighter-gray,
.unl-bg-shift-stripe-bottom-lighter-gray {
  @include mixins.bg-shift-lighter-gray;
}


.unl-bg-shift-top-light-gray,
.unl-bg-shift-bottom-light-gray,
.unl-bg-shift-stripe-top-light-gray,
.unl-bg-shift-stripe-bottom-light-gray {
  @include mixins.bg-shift-light-gray;
}


.unl-bg-shift-top-dark-gray,
.unl-bg-shift-bottom-dark-gray,
.unl-bg-shift-stripe-top-dark-gray,
.unl-bg-shift-stripe-bottom-dark-gray {
  @include mixins.bg-shift-dark-gray;
}


.unl-bg-shift-top-darker-gray,
.unl-bg-shift-bottom-darker-gray,
.unl-bg-shift-stripe-top-darker-gray,
.unl-bg-shift-stripe-bottom-darker-gray {
  @include mixins.bg-shift-darker-gray;
}


.unl-bg-shift-top-darkest-gray,
.unl-bg-shift-bottom-darkest-gray,
.unl-bg-shift-stripe-top-darkest-gray,
.unl-bg-shift-stripe-bottom-darkest-gray {
  @include mixins.bg-shift-darkest-gray;
}


.unl-bg-shift-top-scarlet,
.unl-bg-shift-bottom-scarlet,
.unl-bg-shift-stripe-top-scarlet,
.unl-bg-shift-stripe-bottom-scarlet {
  @include mixins.bg-shift-scarlet;
}


// Dots
[class*='unl-bg-dots-'] { @include mixins.bg-dots; }
.unl-bg-dots-gray { @include mixins.bg-dots-gray; }
.unl-bg-dots-scarlet { @include mixins.bg-dots-scarlet; }


// Grit
.unl-bg-grit { @include mixins.bg-grit; }


// Diagonal Stripes: Scarlet
.unl-bg-stripes-scarlet { @include mixins.bg-stripes-scarlet; }


// Diagonal Stripes: Dark
.unl-bg-stripes-dark { @include mixins.bg-stripes-dark; }


// Diagonal Stripes: Light
.unl-bg-stripes-light { @include mixins.bg-stripes-light; }


// Diagonal Gradient (single)
.unl-bg-diagonal-gradient { @include mixins.bg-diagonal-gradient; }


// Diagonal Gradients (multiple)
.unl-bg-diagonal-gradients { @include mixins.bg-diagonal-gradients; }


// SVG Background Pattern: Campus
.unl-bg-campus { @include mixins.bg-campus; }


// SVG Background Pattern: Landmarks
.unl-bg-landmarks { @include mixins.bg-landmarks; }


// SVG Background Pattern: Majors
.unl-bg-majors { @include mixins.bg-majors; }