CodePen

HTML

            
              
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              @mixin style-matrix($colors, $styles) {
    @each $s in $styles {
        @each $c in $colors {
    
  
                url("pps#{$s}#{$c}.svg"),
  	}
	}
}



$colors: blonde, red, dkbrown, ltbrown, black;
$styles: hairboy1, hairboy2, hairboy3, hairboy4, hairboy5, hairgirl6, hairgirl1, hairgirl4, hairgirl2, hairgirl3, hairgirl5;

.hidden {
background: @include style-matrix($colors, $styles) url("base.svg);
}


            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................