95 lines
2.4 KiB
Sass
95 lines
2.4 KiB
Sass
|
// File: _inconsolata.sass
|
||
|
|
|
||
|
|
// Base font path
|
||
|
|
@use '../.config' as config
|
||
|
|
$font-path: '#{config.$base-path}/inconsolata/static'
|
||
|
|
|
||
|
|
// Core styles
|
||
|
|
@font-face
|
||
|
|
font-family: 'Inconsolata'
|
||
|
|
src: url('#{$font-path}/Inconsolata-Regular.ttf') format('truetype')
|
||
|
|
font-weight: normal
|
||
|
|
font-style: normal
|
||
|
|
|
||
|
|
@font-face
|
||
|
|
font-family: 'Inconsolata'
|
||
|
|
src: url('#{$font-path}/Inconsolata-Bold.ttf') format('truetype')
|
||
|
|
font-weight: bold
|
||
|
|
font-style: normal
|
||
|
|
|
||
|
|
@font-face
|
||
|
|
font-family: 'Inconsolata'
|
||
|
|
src: url('#{$font-path}/Inconsolata-Italic.ttf') format('truetype')
|
||
|
|
font-weight: normal
|
||
|
|
font-style: italic
|
||
|
|
|
||
|
|
@font-face
|
||
|
|
font-family: 'Inconsolata'
|
||
|
|
src: url('#{$font-path}/Inconsolata-BoldItalic.ttf') format('truetype')
|
||
|
|
font-weight: bold
|
||
|
|
font-style: italic
|
||
|
|
|
||
|
|
// Additional weights and widths
|
||
|
|
@each $weight, $style in (
|
||
|
|
"Black": normal,
|
||
|
|
"BlackItalic": italic,
|
||
|
|
"ExtraBold": normal,
|
||
|
|
"ExtraBoldItalic": italic,
|
||
|
|
"Light": normal,
|
||
|
|
"LightItalic": italic,
|
||
|
|
"Medium": normal,
|
||
|
|
"MediumItalic": italic,
|
||
|
|
"SemiBold": normal,
|
||
|
|
"SemiBoldItalic": italic,
|
||
|
|
"ExtraLight": normal,
|
||
|
|
"ExtraLightItalic": italic
|
||
|
|
)
|
||
|
|
@font-face
|
||
|
|
font-family: 'Inconsolata'
|
||
|
|
src: url('#{$font-path}/Inconsolata-#{$weight}.ttf') format('truetype')
|
||
|
|
font-weight: map.get((
|
||
|
|
"Black": 900,
|
||
|
|
"ExtraBold": 800,
|
||
|
|
"Bold": 700,
|
||
|
|
"SemiBold": 600,
|
||
|
|
"Medium": 500,
|
||
|
|
"Regular": 400,
|
||
|
|
"Light": 300,
|
||
|
|
"ExtraLight": 200
|
||
|
|
), $weight)
|
||
|
|
font-style: $style
|
||
|
|
|
||
|
|
// Width Variants
|
||
|
|
@each $width in ("Condensed", "SemiCondensed", "Expanded", "SemiExpanded", "UltraCondensed", "UltraExpanded", "ExtraCondensed", "ExtraExpanded")
|
||
|
|
@each $weight, $style in (
|
||
|
|
"Black": normal,
|
||
|
|
"BlackItalic": italic,
|
||
|
|
"ExtraBold": normal,
|
||
|
|
"ExtraBoldItalic": italic,
|
||
|
|
"Light": normal,
|
||
|
|
"LightItalic": italic,
|
||
|
|
"Medium": normal,
|
||
|
|
"MediumItalic": italic,
|
||
|
|
"SemiBold": normal,
|
||
|
|
"SemiBoldItalic": italic,
|
||
|
|
"ExtraLight": normal,
|
||
|
|
"ExtraLightItalic": italic,
|
||
|
|
"Regular": normal,
|
||
|
|
"Italic": italic
|
||
|
|
)
|
||
|
|
@font-face
|
||
|
|
font-family: 'Inconsolata'
|
||
|
|
src: url('#{$font-path}/Inconsolata_#{$width}-#{$weight}.ttf') format('truetype')
|
||
|
|
font-weight: map.get((
|
||
|
|
"Black": 900,
|
||
|
|
"ExtraBold": 800,
|
||
|
|
"Bold": 700,
|
||
|
|
"SemiBold": 600,
|
||
|
|
"Medium": 500,
|
||
|
|
"Regular": 400,
|
||
|
|
"Light": 300,
|
||
|
|
"ExtraLight": 200
|
||
|
|
), $weight)
|
||
|
|
font-style: $style
|
||
|
|
|