// File: _work-sans.sass

@use '../.config' as config
$font-path: '#{config.$base-path}/work-sans/static'

// Regular
@font-face
  font-family: 'Work Sans'
  src: url('#{$font-path}/WorkSans-Regular.ttf') format('truetype')
  font-weight: normal
  font-style: normal

@font-face
  font-family: 'Work Sans'
  src: url('#{$font-path}/WorkSans-Italic.ttf') format('truetype')
  font-weight: normal
  font-style: italic

// Thin
@font-face
  font-family: 'Work Sans'
  src: url('#{$font-path}/WorkSans-Thin.ttf') format('truetype')
  font-weight: 100
  font-style: normal

@font-face
  font-family: 'Work Sans'
  src: url('#{$font-path}/WorkSans-ThinItalic.ttf') format('truetype')
  font-weight: 100
  font-style: italic

// ExtraLight
@font-face
  font-family: 'Work Sans'
  src: url('#{$font-path}/WorkSans-ExtraLight.ttf') format('truetype')
  font-weight: 200
  font-style: normal

@font-face
  font-family: 'Work Sans'
  src: url('#{$font-path}/WorkSans-ExtraLightItalic.ttf') format('truetype')
  font-weight: 200
  font-style: italic

// Light
@font-face
  font-family: 'Work Sans'
  src: url('#{$font-path}/WorkSans-Light.ttf') format('truetype')
  font-weight: 300
  font-style: normal

@font-face
  font-family: 'Work Sans'
  src: url('#{$font-path}/WorkSans-LightItalic.ttf') format('truetype')
  font-weight: 300
  font-style: italic

// Medium
@font-face
  font-family: 'Work Sans'
  src: url('#{$font-path}/WorkSans-Medium.ttf') format('truetype')
  font-weight: 500
  font-style: normal

@font-face
  font-family: 'Work Sans'
  src: url('#{$font-path}/WorkSans-MediumItalic.ttf') format('truetype')
  font-weight: 500
  font-style: italic

// SemiBold
@font-face
  font-family: 'Work Sans'
  src: url('#{$font-path}/WorkSans-SemiBold.ttf') format('truetype')
  font-weight: 600
  font-style: normal

@font-face
  font-family: 'Work Sans'
  src: url('#{$font-path}/WorkSans-SemiBoldItalic.ttf') format('truetype')
  font-weight: 600
  font-style: italic

// Bold
@font-face
  font-family: 'Work Sans'
  src: url('#{$font-path}/WorkSans-Bold.ttf') format('truetype')
  font-weight: bold
  font-style: normal

@font-face
  font-family: 'Work Sans'
  src: url('#{$font-path}/WorkSans-BoldItalic.ttf') format('truetype')
  font-weight: bold
  font-style: italic

// ExtraBold
@font-face
  font-family: 'Work Sans'
  src: url('#{$font-path}/WorkSans-ExtraBold.ttf') format('truetype')
  font-weight: 800
  font-style: normal

@font-face
  font-family: 'Work Sans'
  src: url('#{$font-path}/WorkSans-ExtraBoldItalic.ttf') format('truetype')
  font-weight: 800
  font-style: italic

// Black
@font-face
  font-family: 'Work Sans'
  src: url('#{$font-path}/WorkSans-Black.ttf') format('truetype')
  font-weight: 900
  font-style: normal

@font-face
  font-family: 'Work Sans'
  src: url('#{$font-path}/WorkSans-BlackItalic.ttf') format('truetype')
  font-weight: 900
  font-style: italic