Library with Angular 6+: The ultimate guide - mixing

counter.mixing.scss

/**
$color-pallete: (
  500: #fff,
  contrast: (
    500: #000,
  ),
);
*/

@mixin counter($color-pallete) {
  $contrast: map-get($color-pallete, contrast);

  .counter-button {
    $level: 500;
    color: map-get($contrast, $level);
    background-color: map-get($color-pallete, $level);
  }
}