////////////////////////////////
// !THEME / MIXINS / BACKGROUNDS
////////////////////////////////


// !Scarlet
@mixin bg-scarlet($imp:null) {
  background-color: $scarlet $imp;
}


// !Cream
@mixin bg-cream($imp:null) {
  background-color: $cream $imp;
}


// !Diagonal Stripes: Scarlet
@mixin bg-stripes-scarlet($imp:null) {
  background-image: repeating-linear-gradient($diagonal1, $scarlet, $scarlet 2px, transparent 2px, transparent 4px);
}


// !Diagonal Stripes: Dark
@mixin bg-stripes-dark($imp:null) {
//   background-image: url('../images/diagonal-stripe-bg.svg');
//   background-repeat: repeat;
//   background-image: repeating-linear-gradient($diagonal1, rgba($color-body,.1), rgba($color-body,.1) 2px, transparent 2px, transparent 4px);
  background-image: repeating-linear-gradient($diagonal1, rgba($color-body,.1), rgba($color-body,.1) 2px, transparent 2px, transparent 5px);
}


// !Diagonal Stripes: Light
@mixin bg-stripes-light($imp:null) {
  background-image: repeating-linear-gradient($diagonal1, rgba($white,.1), rgba($white, .1) 4px, transparent 2px, transparent 5px);
}