// Blend mode loop for background and mix
// Can be added to course, contentObject, article, block, or component to enable
// e.g. 'background-blend-mode multiply'
// e.g. 'mix-blend-mode multiply'
// --------------------------------------------------
@blend-modes: color, color-burn, color-dodge, darken, difference, exclusion, hard-light, hue, lighten, luminosity, multiply, overlay, saturation, screen, soft-light;

each(@blend-modes, {
  .background-blend-mode.@{value} {
    background-blend-mode: @value;
  }

  .mix-blend-mode.@{value} {
    mix-blend-mode: @value;
  }
});
