@use 'abstracts/variables';
@use 'abstracts/mixins';

// Manrope and Source Sans Pro fonts
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;700&family=Source+Sans+Pro:ital,wght@0,400;0,500;0,600;0,700&display=swap');

// Unity Symbols font
@font-face {
  font-family: 'unity symbols';
  src:
    url('../fonts/unity-symbols.woff2') format('woff2'),
    url('../fonts/unity-symbols.woff') format('woff');
}

// Loop through the map and generate styles icon- styles
@each $name, $code in variables.$icons {
  .icon-#{$name}-after::after,
  .icon-#{$name}::before {
    @include mixins.unity-symbols($code);
    position: relative;
    top: -1.5px;
  }
}

// Icon modifier classes
.icon-modifier {
  @each $size in (10, 12, 14, 16, 18, 20, 24, 26, 28, 32, 36) {
    &--#{$size}::before,
    &--#{$size}::after {
      font-size: #{$size}px !important;
    }
  }
}