Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

// FVN color palette  current and old variations
$f-black:       #333;
$f-darkGray:      #999;
$f-lightGray:     #ededed;
$f-white:         #fff;

// Default, text, dark
$f-blue:        #00659c;
$f-lightBlue:     #009fda;
$f-darkBlue:      #002c5f;

// skin colors logic names and section info
$f-green:       #7f9943; // Naert/Folk
$f-violet:      #ae277e; // Kultur
$f-red:         #cc2028; // Sport
$f-khaki:       #82796a; // Debatt
$f-brown:       #993300; // Debatt 2
$f-turquoise:   #089ea1; // Bolig
$f-lime:        #c2c936; // Reise
$f-azure:       #1baada; // Motor
$f-orange:      #be6624; // God Helg
$f-pink:        #f35a5c; // Rega

@function getTheme($themeName) {
    @return map-get($themes, $themeName);
}
// simplified from DrFront setup
$themes: (
    Nyheter: (              bgColor: $f-blue        ),
    Politiloggen: (         bgColor: $f-black        ),
    Sport: (                bgColor: $f-red        ),
    Kultur: (               bgColor: $f-violet        ),
    Bolig: (                bgColor: $f-turquoise        ),
    Meninger: (             bgColor: $f-khaki        ),
    Reise: (                bgColor: $f-lime        ),
    Motor: (                bgColor: $f-azure        ),
    Folk: (                bgColor: $f-green        ),
    GodHelg: (              bgColor: $f-orange        ),
    Start: (                bgColor: $f-red        )
);

$alpha: 0.2;
@mixin ap-primaries( $opts ){
	$color: map_get($opts, bgColor);

	.section-color-primary { color: $color;  }
	.section-color-border-primary { border-color: $color; }
	.section-primary { background-color: $color; }
	.section-secondary { background-color: rgba($color, $alpha); }
}

  @each $theme in map-keys($themes) {
            .#{$theme} {
                @include ap-primaries(  getTheme($theme) );
            }
    }

 

SassMeister-output.css

.Nyheter .section-color-primary {
  color: #00659c;
}
.Nyheter .section-color-border-primary {
  border-color: #00659c;
}
.Nyheter .section-primary {
  background-color: #00659c;
}
.Nyheter .section-secondary {
  background-color: rgba(0, 101, 156, 0.2);
}

.Politiloggen .section-color-primary {
  color: #333333;
}
.Politiloggen .section-color-border-primary {
  border-color: #333333;
}
.Politiloggen .section-primary {
  background-color: #333333;
}
.Politiloggen .section-secondary {
  background-color: rgba(51, 51, 51, 0.2);
}

.Sport .section-color-primary {
  color: #cc2028;
}
.Sport .section-color-border-primary {
  border-color: #cc2028;
}
.Sport .section-primary {
  background-color: #cc2028;
}
.Sport .section-secondary {
  background-color: rgba(204, 32, 40, 0.2);
}

.Kultur .section-color-primary {
  color: #ae277e;
}
.Kultur .section-color-border-primary {
  border-color: #ae277e;
}
.Kultur .section-primary {
  background-color: #ae277e;
}
.Kultur .section-secondary {
  background-color: rgba(174, 39, 126, 0.2);
}

.Bolig .section-color-primary {
  color: #089ea1;
}
.Bolig .section-color-border-primary {
  border-color: #089ea1;
}
.Bolig .section-primary {
  background-color: #089ea1;
}
.Bolig .section-secondary {
  background-color: rgba(8, 158, 161, 0.2);
}

.Meninger .section-color-primary {
  color: #82796a;
}
.Meninger .section-color-border-primary {
  border-color: #82796a;
}
.Meninger .section-primary {
  background-color: #82796a;
}
.Meninger .section-secondary {
  background-color: rgba(130, 121, 106, 0.2);
}

.Reise .section-color-primary {
  color: #c2c936;
}
.Reise .section-color-border-primary {
  border-color: #c2c936;
}
.Reise .section-primary {
  background-color: #c2c936;
}
.Reise .section-secondary {
  background-color: rgba(194, 201, 54, 0.2);
}

.Motor .section-color-primary {
  color: #1baada;
}
.Motor .section-color-border-primary {
  border-color: #1baada;
}
.Motor .section-primary {
  background-color: #1baada;
}
.Motor .section-secondary {
  background-color: rgba(27, 170, 218, 0.2);
}

.Folk .section-color-primary {
  color: #7f9943;
}
.Folk .section-color-border-primary {
  border-color: #7f9943;
}
.Folk .section-primary {
  background-color: #7f9943;
}
.Folk .section-secondary {
  background-color: rgba(127, 153, 67, 0.2);
}

.GodHelg .section-color-primary {
  color: #be6624;
}
.GodHelg .section-color-border-primary {
  border-color: #be6624;
}
.GodHelg .section-primary {
  background-color: #be6624;
}
.GodHelg .section-secondary {
  background-color: rgba(190, 102, 36, 0.2);
}

.Start .section-color-primary {
  color: #cc2028;
}
.Start .section-color-border-primary {
  border-color: #cc2028;
}
.Start .section-primary {
  background-color: #cc2028;
}
.Start .section-secondary {
  background-color: rgba(204, 32, 40, 0.2);
}