Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

$color-green: #93c649;
$color-red: #c51919;
$color-blue: #0059a5;
$color-orange: #f26522;
$color-yellow: #e5f10c;
$color-brown: #b74e09;

$colors: (
  red: $color-red,
  blue: $color-blue,
  green: $color-green,
  orange: $color-orange,
  yellow: $color-yellow,
  brown: $color-brown);

$colors-whitemixed: (
  red: mix($color-red, #fff, 10%),
  blue: mix($color-blue, #fff, 10%),
  green: mix($color-green, #fff, 10%),
  orange: mix($color-orange, #fff, 10%),
  yellow: mix($color-yellow, #fff, 10%),
  brown: mix($color-brown, #fff, 10%));

.subnav h2,
.mod_newslist h2,
.submit {
  @each $color, $colorvar in $colors-whitemixed {
    .layout-#{$color} & {
      background: #{$colorvar};
    }
  }
}

SassMeister-output.css

.layout-red .subnav h2,
.layout-red .mod_newslist h2,
.layout-red .submit {
  background: #f9e8e8;
}

.layout-blue .subnav h2,
.layout-blue .mod_newslist h2,
.layout-blue .submit {
  background: #e6eef6;
}

.layout-green .subnav h2,
.layout-green .mod_newslist h2,
.layout-green .submit {
  background: #f4f9ed;
}

.layout-orange .subnav h2,
.layout-orange .mod_newslist h2,
.layout-orange .submit {
  background: #fef0e9;
}

.layout-yellow .subnav h2,
.layout-yellow .mod_newslist h2,
.layout-yellow .submit {
  background: #fcfee7;
}

.layout-brown .subnav h2,
.layout-brown .mod_newslist h2,
.layout-brown .submit {
  background: #f8ede6;
}