Cacher is the code snippet organizer for pro developers

.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;
  }
}