Generated by SassMeister.com.
.FunctionsList__Link {
text-transform: uppercase;
display: inline-block;
height: 175px;
width: 100%;
background: rgba(215, 213, 207, 0.87) none no-repeat scroll center center;
}
.FunctionsList__Link--marketing {
background-color: rgba(235, 136, 43, 0.87);
background-image: url("./images/functions/marketing.png");
background-size: 10px 10px;
}
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
// Variables
$opacity: 0.87;
$function-color-default: rgba(215, 213, 207, $opacity);
$functions: (
marketing: (
color: rgba(235, 136, 43, $opacity),
size: 10px
)
);
.FunctionsList__Link {
text-transform: uppercase;
display: inline-block;
height: 175px;
width: 100%;
background: $function-color-default none no-repeat scroll center center;
}
@each $function, $properties in $functions {
.FunctionsList__Link--#{$function} {
$size: map-get($properties, 'size');
background-color: map-get($properties, 'color');
background-image: url('./images/functions/#{$function}.png');
background-size: $size $size;
}
}