Fonts SCSS

fonts.scss

// The font mixin
@mixin font($variant) {

  @if ($variant == 'nimbus-sans-regular') {
    font-family: 'nimbus-sans', sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  @if ($variant == 'nimbus-sans-bold') {
    font-family: 'nimbus-sans', sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  @if ($variant == 'silkscreen-regular') {
    font-family: 'silkscreen', sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
}


// Font classes

.nimbus-sans-regular {
  font-family: 'nimbus-sans', sans-serif;
  font-weight: 400;
  font-style: normal;
}

.nimbus-sans-bold {
  font-family: 'nimbus-sans', sans-serif;
  font-weight: 700;
  font-style: normal;
}

.silkscreen-regular {
  font-family: 'silkscreen', sans-serif;
  font-weight: 400;
  font-style: normal;
}