// Icons
$iconClassPrefix: 'ucm-icon';
$iconMap: (
  'check': 'a',
  'checkbox': 'b',
  'info': 'c',
  'x': 'd',
  'widget': 'e',
  'wrench': 'f',
  'checkbox-checked': 'g',
  'checkmark': 'h',
  'sun': 'i',
  'settings': 'j'
);

.#{$iconClassPrefix} {
  &:before {
    font-family: "ucm-font-1" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    position: relative;
    top: 0.2em;
  }

  @each $className, $content in $iconMap {
    &-#{$className}:before {
      content: $content;
    }
  }
}