jules/ui-essentials
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add comprehensive semantic design token system

Browse Source 
Implement complete semantic layer for all design tokens including typography, spacing, motion, colors, borders, shadows, z-index, opacity, and glass effects. Each semantic token maps base design tokens to contextual usage patterns for improved maintainability and developer experience.

Features:
- Complete semantic typography system with font weights, sizes, line heights, and letter spacing
- Comprehensive spacing tokens for components, layouts, and interactions
- Full motion system with durations, easing, transitions, and hover transforms
- Semantic color system with individual access to all Material Design 3 colors
- Border tokens with widths, radius, and styles for all use cases
- Shadow system including standard and AI-themed shadows
- Z-index layering system for proper stacking context
- Opacity tokens for transparency and visibility states
- Glass morphism tokens with blur, opacity, and theming support

All semantic tokens provide direct access to base token values while offering meaningful contextual aliases for common UI patterns.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
skyai_dev
2025-09-02 10:24:04 +10:00
parent cd3211101c
commit c803831f60
193 changed files with 23363 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
projects/shared-ui/src/styles/fontfaces/_aileron.scss Normal file
View File

@@ -0,0 +1,48 @@
$aileron-font-path: "/fonts/aileron/" !default;
/*** Aileron**/
@font-face {
font-family: 'Aileron Bold';
src: url("#{$aileron-font-path}Aileron-Bold-webfont.ttf") format("truetype"),
url('#{$aileron-font-path}Aileron-Bold-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$aileron-font-path}Aileron-Bold-webfont.woff') format('woff'); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Aileron Semi Bold';
src: url("#{$aileron-font-path}Aileron-SemiBold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Aileron Heavy';
src: url("#{$aileron-font-path}Aileron-Heavy-webfont.ttf") format("truetype"),
url('#{$aileron-font-path}Aileron-Heavy-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$aileron-font-path}Aileron-Heavy-webfont.woff') format('woff'); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Aileron Light';
src: url("#{$aileron-font-path}Aileron-Light.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Aileron Regular';
src: url("#{$aileron-font-path}Aileron-Regular-webfont.ttf") format("truetype"),
url('#{$aileron-font-path}Aileron-Regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$aileron-font-path}Aileron-Regular-webfont.woff') format('woff'); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
.aileron {
font-family: 'Aileron Regular';
}
.aileron-heavy {
font-family: 'Aileron Heavy';
}

10
projects/shared-ui/src/styles/fontfaces/_alegreya.scss Normal file
View File

@@ -0,0 +1,10 @@
$alegreya-font-path: "/fonts/alegreya/" !default;
@font-face {
font-family: 'Alegreya';
src: url("#{$alegreya-font-path}Alegreya-VariableFont_wght.ttf") format("truetype");
}
@font-face {
font-family: 'Alegreya Italic';
src: url("#{$alegreya-font-path}Alegreya-Italic-VariableFont_wght.ttf") format("truetype");
}

74
projects/shared-ui/src/styles/fontfaces/_all-fontfaces.scss Normal file
View File

@@ -0,0 +1,74 @@
/* You can add global styles to this file, and also import other style files */
//////////////////////////////////////////////////////////////////////
// Fontfaces ./
//////////////////////////////////////////////////////////////////////
@import './alegreya';
@import './amarante';
@import './archivo';
@import './architectsdaughter.scss';
@import './averiaseriflibre';
@import './bebasneue';
@import './blinker';
@import './bonheurroyale';
@import './bonveno';
@import './cabin';
@import './cinzel';
@import './comfortaa';
@import './commissioner';
@import './crimson-text';
@import './dellarespira';
@import './dmsans';
@import './ebgaramond';
@import './epilogue';
@import './exo2';
@import './figtree';
@import './fraunces';
@import './iceland';
@import './geist';
@import './glassantiqua';
@import './inter';
@import './josefin_sans';
@import './karla';
@import './lato';
@import './leaguespartan';
@import './lexend';
@import './librebaskerville';
@import './limelight';
@import './lora';
@import './manrope';
@import './monasans';
@import './metropolis';
@import './merriweather';
@import './montserrat';
@import './opensans';
@import './outfit';
@import './overused';
@import './nacelle';
@import './notosans';
@import './nunito';
@import './oswald';
@import './playfair_display';
@import './plusjakatasans';
@import './poppins';
@import './questrial';
@import './quicksand';
@import './raleway';
@import './roboto';
@import './robotomono';
@import './robotoslab';
@import './rubik';
@import './sacramento';
@import './satoshi';
@import './sifonn';
@import './sixcaps';
@import './sourcesanspro';
@import './sora';
@import './sourcesanspro';
@import './spacegrotesk';
@import './spacemono';
@import './unbounded';
@import './urbanist';
@import './vollkorn';
@import './whisper';
@import './worksans';
@import './zillaslab';

8
projects/shared-ui/src/styles/fontfaces/_amarante.scss Normal file
View File

@@ -0,0 +1,8 @@
$amarante-font-path: "/fonts/amarante/" !default;
@font-face {
font-family: 'Amarante Regular';
src: url("#{$amarante-font-path}Amarante-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

9
projects/shared-ui/src/styles/fontfaces/_architectsdaughter.scss Normal file
View File

@@ -0,0 +1,9 @@
$architectsdaughter-font-path: "/fonts/architectsdaughter/" !default;
@font-face {
font-family: 'Architects Daughter';
src: url("#{$architectsdaughter-font-path}ArchitectsDaughter-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

12
projects/shared-ui/src/styles/fontfaces/_archivo.scss Normal file
View File

@@ -0,0 +1,12 @@
$archivo-font-path: "/fonts/archivo/" !default;
@font-face {
font-family: 'Archivo';
src: url("#{$archivo-font-path}Archivo-VariableFont_wdth,wght.ttf") format("truetype");
}
@font-face {
font-family: 'Archivo';
src: url("#{$archivo-font-path}Archivo-Italic-VariableFont_wght.ttf") format("truetype");
}

9
projects/shared-ui/src/styles/fontfaces/_archivonarrow.scss Normal file
View File

@@ -0,0 +1,9 @@
$archivonarrow-font-path: "/fonts/archivonarrow/" !default;
@font-face {
font-family: "Archivo Narrow Regular";
src: local(Archivo Narrow Regular), url('#{$archivonarrow-font-path}ArchivoNarrow-Regular.ttf');
src: url("#{$archivonarrow-font-path}ArchivoNarrow-Regular.ttf") format("truetype");
font-weight: 500;
}

33
projects/shared-ui/src/styles/fontfaces/_averiaseriflibre.scss Normal file
View File

@@ -0,0 +1,33 @@
$averia-font-path: "/fonts/averiaseriflibre/" !default;
@font-face {
font-family: 'Averia Regular';
src: url("#{$averia-font-path}AveriaSerifLibre-Regular.ttf") format("truetype");
}
@font-face {
font-family: 'Averia Bold';
src: url("#{$averia-font-path}AveriaSerifLibre-Bold.ttf") format("truetype");
}
@font-face {
font-family: 'Averia Bold Italic';
src: url("#{$averia-font-path}AveriaSerifLibre-BoldItalic.ttf") format("truetype");
}
@font-face {
font-family: 'Averia Italic';
src: url("#{$averia-font-path}AveriaSerifLibre-talic.ttf") format("truetype");
}
@font-face {
font-family: 'Averia Light';
src: url("#{$averia-font-path}AveriaSerifLibre-Light.ttf") format("truetype");
}
@font-face {
font-family: 'Averia Light Italic';
src: url("#{$averia-font-path}AveriaSerifLibre-LightItalic.ttf") format("truetype");
}

16
projects/shared-ui/src/styles/fontfaces/_bebasneue.scss Normal file
View File

@@ -0,0 +1,16 @@
$bebasneue-font-path: "/fonts/bebasneue/" !default;
/*** Bebas Neue ***/
@font-face {
font-family: 'Bebas Neue Regular';
src: url("#{$bebasneue-font-path}bebasneue-regular-webfont.ttf") format("truetype"),
url('#{$bebasneue-font-path}bebasneue-regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$bebasneue-font-path}bebasneue-regular-webfont.woff') format('woff'); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
.bebas-neue {
font-family: 'bebas_neueregular';
}

36
projects/shared-ui/src/styles/fontfaces/_blinker.scss Normal file
View File

@@ -0,0 +1,36 @@
$blinker-font-path: "/fonts/blinker/" !default;
/*** Blinker**/
@font-face {
font-family: 'Blinker Bold';
src: url("#{$blinker-font-path}Blinker-Bold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Blinker Semi Bold';
src: url("#{$blinker-font-path}Blinker-SemiBold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Blinker Light';
src: url("#{$blinker-font-path}Blinker-Light.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Blinker Regular';
src: url("#{$blinker-font-path}Blinker-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Blinker Thin';
src: url("#{$blinker-font-path}Blinker-Thin.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

8
projects/shared-ui/src/styles/fontfaces/_bonheurroyale.scss Normal file
View File

@@ -0,0 +1,8 @@
$bonheurroyale-font-path: "/fonts/bonheurroyale/" !default;
@font-face {
font-family: 'Bonheur Royale Regular';
src: url("#{$bonheurroyale-font-path}BonheurRoyale-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

9
projects/shared-ui/src/styles/fontfaces/_bonveno.scss Normal file
View File

@@ -0,0 +1,9 @@
$bonvenocf-font-path: "/fonts/bonvenocf/" !default;
@font-face {
font-family: "BonvenoCFLight";
src: url("#{$bonvenocf-font-path}BonvenoCF-Light.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

13
projects/shared-ui/src/styles/fontfaces/_cabin.scss Normal file
View File

@@ -0,0 +1,13 @@
$cabin-font-path: "/fonts/cabin/" !default;
@font-face {
font-family: "Cabin";
src: url("#{$cabin-font-path}Cabin-VariableFont_wdth,wght.ttf") format("truetype");
}
@font-face {
font-family: "Cabin Italic";
src: url("#{$cabin-font-path}Cabin-Italic-VariableFont_wdth,wght.ttf") format("truetype");
}

8
projects/shared-ui/src/styles/fontfaces/_cinzel.scss Normal file
View File

@@ -0,0 +1,8 @@
$cinzel-font-path: "/fonts/cinzel/" !default;
@font-face {
font-family: "Cinzel";
src: url("#{$cinzel-font-path}Cinzel-VariableFont_wght.ttf") format("truetype");
}

9
projects/shared-ui/src/styles/fontfaces/_comfortaa.scss Normal file
View File

@@ -0,0 +1,9 @@
$comfortaa-font-path: "/fonts/comfortaa/" !default;
@font-face {
font-family: 'Comfortaa';
src: url("#{$comfortaa-font-path}Comfortaa-VariableFont_wght.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

6
projects/shared-ui/src/styles/fontfaces/_commissioner.scss Normal file
View File

@@ -0,0 +1,6 @@
$commissioner-font-path: "/fonts/commissioner/" !default;
@font-face {
font-family: 'Commissioner';
src: url("#{$commissioner-font-path}Commissioner-VariableFont_FLAR,VOLM,slnt,wght.ttf") format("truetype");
}

100
projects/shared-ui/src/styles/fontfaces/_cooperhewitt.scss Normal file
View File

@@ -0,0 +1,100 @@
$cooperhewitt-font-path: "/fonts/cooperhewitt/" !default;
/*** Cooper Hewitt ***/
@font-face {
font-family: 'Cooper Hewitt Bold';
src: url('#{$cooperhewitt-font-path}CooperHewitt-Bold.woff') format('woff'); /* Super Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Cooper Hewitt Bold Italic';
src: url('#{$cooperhewitt-font-path}CooperHewitt-BoldItalic.woff') format('woff'); /* Super Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Cooper Hewitt Book';
src: url('#{$cooperhewitt-font-path}CooperHewitt-Book.woff') format('woff'); /* Super Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Cooper Hewitt Book Italic';
src: url('#{$cooperhewitt-font-path}CooperHewitt-BookItalic.woff') format('woff'); /* Super Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Cooper Hewitt Heavy';
src: url('#{$cooperhewitt-font-path}CooperHewitt-Heavy.woff') format('woff'); /* Super Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Cooper Hewitt Heavy Italic';
src: url('#{$cooperhewitt-font-path}CooperHewitt-HeavyItalic.woff') format('woff'); /* Super Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Cooper Hewitt Light';
src: url('#{$cooperhewitt-font-path}CooperHewitt-Light.woff') format('woff'); /* Super Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Cooper Hewitt Light Italic';
src: url('#{$cooperhewitt-font-path}CooperHewitt-LightItalic.woff') format('woff'); /* Super Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Cooper Hewitt Medium';
src: url('#{$cooperhewitt-font-path}CooperHewitt-Medium.woff') format('woff'); /* Super Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Cooper Hewitt Medium Italic';
src: url('#{$cooperhewitt-font-path}CooperHewitt-MediumItalic.woff') format('woff'); /* Super Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Cooper Hewitt Semibold';
src: url('#{$cooperhewitt-font-path}CooperHewitt-Semibold.woff') format('woff'); /* Super Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Cooper Hewitt Semibold Italic';
src: url('#{$cooperhewitt-font-path}CooperHewitt-SemiboldItalic.woff') format('woff'); /* Super Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Cooper Hewitt Thin';
src: url('#{$cooperhewitt-font-path}CooperHewitt-Thin.woff') format('woff'); /* Super Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Cooper Hewitt Thin Italic';
src: url('#{$cooperhewitt-font-path}CooperHewitt-ThinItalic.woff') format('woff'); /* Super Modern Browsers */
font-weight: normal;
font-style: normal;
}

39
projects/shared-ui/src/styles/fontfaces/_crimson-text.scss Normal file
View File

@@ -0,0 +1,39 @@
$crimsontext-font-path: "/fonts/crimson_text/" !default;
@font-face {
font-family: "Crimson Text Bold";
src: local(Crimson Text Bold), url('#{$crimsontext-font-path}CrimsonText-Bold.ttf');
src: url("#{$crimsontext-font-path}CrimsonText-Bold.ttf") format("truetype");
font-weight: 700;
}
@font-face {
font-family: "Crimson Text Bold Italic";
src: local(Crimson Text Bold Italic), url('#{$crimsontext-font-path}CrimsonText-BoldItalic.ttf');
src: url("#{$crimsontext-font-path}CrimsonText-BoldItalic.ttf") format("truetype");
font-weight: 700;
}
@font-face {
font-family: "Crimson Text Italic";
src: local(Crimson Text Italic), url('#{$crimsontext-font-path}CrimsonText-Italic.ttf');
src: url("#{$crimsontext-font-path}CrimsonText-Italic.ttf") format("truetype");
font-weight: 400;
}
@font-face {
font-family: "Crimson Text Regular";
src: local(Crimson Text Regular), url('#{$crimsontext-font-path}CrimsonText-Regular.ttf');
src: url("#{$crimsontext-font-path}CrimsonText-Regular.ttf") format("truetype");
font-weight: 400;
}
@font-face {
font-family: "Crimson Text Semi Bold";
src: local(Crimson Text Semi Bold), url('#{$crimsontext-font-path}CrimsonText-SemiBold.ttf');
src: url("#{$crimsontext-font-path}CrimsonText-SemiBold.ttf") format("truetype");
font-weight: 600;
}
@font-face {
font-family: "Crimson Text Semi Bold Italic";
src: local(Crimson Text Semi Bold Italic), url('#{$crimsontext-font-path}CrimsonText-SemiBoldItalic.ttf');
src: url("#{$crimsontext-font-path}CrimsonText-SemiBoldItalic.ttf") format("truetype");
font-weight: 600;
}

14
projects/shared-ui/src/styles/fontfaces/_dancingscript.scss Normal file
View File

@@ -0,0 +1,14 @@
$dancingscript-font-path: "/fonts/dancingscript/" !default;
/*** Poppins ***/
@font-face {
font-family: "Dancing Script";
src: local(Dancing Script), url('#{$dancingscript-font-path}DancingScript-Regular.ttf');
src: url("#{$dancingscript-font-path}DancingScript-Regular.ttf") format("truetype");
font-weight: 400;
}
.dancing-script {
font-family: "Dancing Script";
}

9
projects/shared-ui/src/styles/fontfaces/_dellarespira.scss Normal file
View File

@@ -0,0 +1,9 @@
$dellarespira-font-path: "/fonts/dellarespira/" !default;
@font-face {
font-family: 'Della Respira';
src: url("#{$dellarespira-font-path}DellaRespira-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

12
projects/shared-ui/src/styles/fontfaces/_dmsans.scss Normal file
View File

@@ -0,0 +1,12 @@
$dmsans-font-path: "/fonts/dmsans/" !default;
@font-face {
font-family: 'DM Sans';
src: url("#{$dmsans-font-path}DMSans-VariableFont_opsz,wght.ttf") format("truetype")
}
@font-face {
font-family: 'DM Sans Italic';
src: url("#{$dmsans-font-path}DMSans-Italic-VariableFont_opsz,wght.ttf") format("truetype")
}

73
projects/shared-ui/src/styles/fontfaces/_ebgaramond.scss Normal file
View File

@@ -0,0 +1,73 @@
$ebgaramond-font-path: "/fonts/ebgaramond/" !default;
@font-face {
font-family: 'EBGaramond';
src: url("#{$ebgaramond-font-path}EBGaramond-VariableFont_wght.ttf") format("truetype");
}
@font-face {
font-family: 'EBGaramond Italic';
src: url("#{$ebgaramond-font-path}EBGaramond-Italic-VariableFont_wght.ttf") format("truetype");
}
/*
@font-face {
font-family: 'EBGaramond Bold';
src: url("#{$ebgaramond-font-path}EBGaramond-Bold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'EBGaramond Bold Italic';
src: url("#{$ebgaramond-font-path}EBGaramond-BoldItalic.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'EBGaramond Extra Bold';
src: url("#{$ebgaramond-font-path}EBGaramond-ExtraBold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'EBGaramond Extra Bold Italic';
src: url("#{$ebgaramond-font-path}EBGaramond-ExtraBoldItalic.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'EBGaramond Semi Bold';
src: url("#{$ebgaramond-font-path}EBGaramond-SemiBold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'EBGaramond Semi Bold Italic';
src: url("#{$ebgaramond-font-path}EBGaramond-SemiBoldItalic.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'EBGaramond Medium';
src: url("#{$ebgaramond-font-path}EBGaramond-Medium.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'EBGaramond Medium Italic';
src: url("#{$ebgaramond-font-path}EBGaramond-MediumItalic.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'EBGaramond Regular';
src: url("#{$ebgaramond-font-path}EBGaramond-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
*/

12
projects/shared-ui/src/styles/fontfaces/_epilogue.scss Normal file
View File

@@ -0,0 +1,12 @@
$epilogue-font-path: "/fonts/epilogue/" !default;
/*** Aileron**/
@font-face {
font-family: 'Epilogue';
src: url("#{$epilogue-font-path}Epilogue-VariableFont_wght.ttf") format("truetype");
}
@font-face {
font-family: 'Epilogue Italic';
src: url("#{$epilogue-font-path}Epilogue-Italic-VariableFont_wght.ttf") format("truetype");
}

16
projects/shared-ui/src/styles/fontfaces/_exo2.scss Normal file
View File

@@ -0,0 +1,16 @@
$exo2-font-path: "/fonts/exo_2/" !default;
@font-face {
font-family: 'Exo2';
src: url("#{$exo2-font-path}Exo2-VariableFont_wght.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Exo2 Italic';
src: url("#{$exo2-font-path}Exo2-Italic-VariableFont_wght.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

12
projects/shared-ui/src/styles/fontfaces/_figtree.scss Normal file
View File

@@ -0,0 +1,12 @@
$figtree-font-path: "/fonts/figtree/" !default;
@font-face {
font-family: 'Figtree';
src: url("#{$figtree-font-path}Figtree-VariableFont_wght.ttf") format("truetype");
}
@font-face {
font-family: 'Figtree Italic';
src: url("#{$figtree-font-path}Figtree-Italic-VariableFont_wght.ttf") format("truetype");
}

8
projects/shared-ui/src/styles/fontfaces/_fraunces.scss Normal file
View File

@@ -0,0 +1,8 @@
$fraunces-font-path: "/fonts/fraunces/" !default;
@font-face {
font-family: 'Fraunces';
src: url("#{$fraunces-font-path}Fraunces-VariableFontt.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

7
projects/shared-ui/src/styles/fontfaces/_geist.scss Normal file
View File

@@ -0,0 +1,7 @@
$geist-font-path: "/fonts/geist/" !default;
@font-face {
font-family: 'Geist';
src: url("#{$geist-font-path}Geist-VariableFont_wght.ttf") format("truetype");
}

8
projects/shared-ui/src/styles/fontfaces/_glassantiqua.scss Normal file
View File

@@ -0,0 +1,8 @@
$glassantiqua-font-path: "/fonts/glassantiqua/" !default;
@font-face {
font-family: 'Glass Antiqua';
src: url("#{$glassantiqua-font-path}GlassAntiqua-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

8
projects/shared-ui/src/styles/fontfaces/_iceland.scss Normal file
View File

@@ -0,0 +1,8 @@
$iceland-font-path: "/fonts/iceland/" !default;
@font-face {
font-family: "Iceland Regular";
src: local(Lato Regular), url('#{$iceland-font-path}Iceland-Regular.ttf');
src: url("#{$iceland-font-path}Iceland-Regular.ttf") format("truetype");
font-weight: 400;
}

164
projects/shared-ui/src/styles/fontfaces/_inter.scss Normal file
View File

@@ -0,0 +1,164 @@
$inter-font-path: "/fonts/inter/" !default;
/*
@font-face {
font-family: 'Inter';
src: urlll("#{$inter-font-path}Inter-V.otf") format("otf");
font-weight: normal;
font-style: normal;
}
*/
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url("#{$inter-font-path}Inter-Thin.woff2") format("woff2"),
url("#{$inter-font-path}Inter-Thin.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 100;
font-display: swap;
src: url("#{$inter-font-path}Inter-ThinItalic.woff2") format("woff2"),
url("#{$inter-font-path}Inter-ThinItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url("#{$inter-font-path}Inter-ExtraLight.woff2") format("woff2"),
url("#{$inter-font-path}Inter-ExtraLight.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 200;
font-display: swap;
src: url("#{$inter-font-path}Inter-ExtraLightItalic.woff2") format("woff2"),
url("#{$inter-font-path}Inter-ExtraLightItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("#{$inter-font-path}Inter-Light.woff2") format("woff2"),
url("#{$inter-font-path}Inter-Light.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url("#{$inter-font-path}Inter-LightItalic.woff2") format("woff2"),
url("#{$inter-font-path}Inter-LightItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("#{$inter-font-path}Inter-Regular.woff2") format("woff2"),
url("#{$inter-font-path}Inter-Regular.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("#{$inter-font-path}Inter-Italic.woff2") format("woff2"),
url("#{$inter-font-path}Inter-Italic.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("#{$inter-font-path}Inter-Medium.woff2") format("woff2"),
url("#{$inter-font-path}Inter-Medium.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url("#{$inter-font-path}Inter-MediumItalic.woff2") format("woff2"),
url("#{$inter-font-path}Inter-MediumItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("#{$inter-font-path}Inter-SemiBold.woff2") format("woff2"),
url("#{$inter-font-path}Inter-SemiBold.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url("#{$inter-font-path}Inter-SemiBoldItalic.woff2") format("woff2"),
url("#{$inter-font-path}Inter-SemiBoldItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("#{$inter-font-path}Inter-Bold.woff2") format("woff2"),
url("#{$inter-font-path}Inter-Bold.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url("#{$inter-font-path}Inter-BoldItalic.woff2") format("woff2"),
url("#{$inter-font-path}Inter-BoldItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url("#{$inter-font-path}Inter-ExtraBold.woff2") format("woff2"),
url("#{$inter-font-path}Inter-ExtraBold.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 800;
font-display: swap;
src: url("#{$inter-font-path}Inter-ExtraBoldItalic.woff2") format("woff2"),
url("#{$inter-font-path}Inter-ExtraBoldItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url("#{$inter-font-path}Inter-Black.woff2") format("woff2"),
url("#{$inter-font-path}Inter-Black.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 900;
font-display: swap;
src: url("#{$inter-font-path}Inter-BlackItalic.woff2") format("woff2"),
url("#{$inter-font-path}Inter-BlackItalic.woff") format("woff");
}

16
projects/shared-ui/src/styles/fontfaces/_josefin_sans.scss Normal file
View File

@@ -0,0 +1,16 @@
$josefin-font-path: "/fonts/josefin/" !default;
@font-face {
font-family: "Josefin Sans";
src: local(Julius Sans One), url('#{$josefin-font-path}JosefinSans-VariableFont_wght.ttf');
src: url("#{$josefin-font-path}JosefinSans-VariableFont_wght.ttf") format("truetype");
font-weight: 500;
}
@font-face {
font-family: "Josefin Sans Italic";
src: local(Julius Sans One), url('#{$josefin-font-path}JosefinSans-Italic-VariableFont_wght.ttf');
src: url("#{$josefin-font-path}JosefinSans-Italic-VariableFont_wght.ttf") format("truetype");
font-weight: 500;
}

9
projects/shared-ui/src/styles/fontfaces/_juliussansone.scss Normal file
View File

@@ -0,0 +1,9 @@
$juliussansone-font-path: "/fonts/juliussansone/" !default;
@font-face {
font-family: "Julius Sans One";
src: local(Julius Sans One), url('#{$juliussansone-font-path}JuliusSansOne-Regular.ttf');
src: url("#{$juliussansone-font-path}JuliusSansOne-Regular.ttf") format("truetype");
font-weight: 500;
}

10
projects/shared-ui/src/styles/fontfaces/_karla.scss Normal file
View File

@@ -0,0 +1,10 @@
$karla-font-path: "/fonts/karla/" !default;
@font-face {
font-family: 'Karla';
src: url("#{$karla-font-path}Karla-VariableFont_wght.ttf") format("truetype");
}
@font-face {
font-family: 'Karla Italic';
src: url("#{$karla-font-path}Karla-Italic-VariableFont_wght.ttf") format("truetype");
}

29
projects/shared-ui/src/styles/fontfaces/_kollektif.scss Normal file
View File

@@ -0,0 +1,29 @@
$kollektif-font-path: "/fonts/kollektif-webfont/" !default;
/*** Kollektif**/
@font-face {
font-family: 'Kollektif Bold';
src: url("#{$kollektif-font-path}kollektif-bold-webfont.ttf") format("truetype"),
url('#{$kollektif-font-path}kollektif-bold-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$kollektif-font-path}kollektif-bold-webfont.woff') format('woff'); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Kollektif Regular';
src: url("#{$kollektif-font-path}kollektif-webfont.ttf") format("truetype"),
url('#{$kollektif-font-path}kollektif-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$kollektif-font-path}kollektif-webfont.woff') format('woff'); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
.kollektif-bold {
font-family: 'kollektifbold';
}
.kollektif {
font-family: 'kollektifregular';
}

30
projects/shared-ui/src/styles/fontfaces/_lato.scss Normal file
View File

@@ -0,0 +1,30 @@
$lato-font-path: "/fonts/lato/" !default;
@font-face {
font-family: "Lato Black";
src: local(Lato Black), url('#{$lato-font-path}Lato-Black.ttf');
src: url("#{$lato-font-path}Lato-Black.ttf") format("truetype");
font-weight: 500;
}
@font-face {
font-family: "Lato Regular";
src: local(Lato Regular), url('#{$lato-font-path}Lato-Regular.ttf');
src: url("#{$lato-font-path}Lato-Regular.ttf") format("truetype");
font-weight: 400;
}
@font-face {
font-family: "Lato Medium";
src: local(Lato Regular), url('#{$lato-font-path}Lato-Medium.ttf');
src: url("#{$lato-font-path}Lato-Medium.ttf") format("truetype");
font-weight: 500;
}
.lato-black {
font-family: "Lato Black";
}
.lato-regular {
font-family: "Lato Regular";
}

8
projects/shared-ui/src/styles/fontfaces/_leaguespartan.scss Normal file
View File

@@ -0,0 +1,8 @@
$leaguespartan-font-path: "/fonts/leaguespartan/" !default;
@font-face {
font-family: "League Spartan";
src: url("#{$leaguespartan-font-path}LeagueSpartan-VariableFont_wght.ttf") format("truetype");
}

9
projects/shared-ui/src/styles/fontfaces/_lexend.scss Normal file
View File

@@ -0,0 +1,9 @@
$lexend-font-path: "/fonts/lexend/" !default;
@font-face {
font-family: 'Lexend';
src: url("#{$lexend-font-path}Lexend-VariableFont_wght.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

21
projects/shared-ui/src/styles/fontfaces/_librebaskerville.scss Normal file
View File

@@ -0,0 +1,21 @@
$librebaskerville-font-path: "/fonts/librebaskerville/" !default;
@font-face {
font-family: "Libre Baskerville Bold";
src: local(Lato Black), url('#{$librebaskerville-font-path}LibreBaskerville-Bold.ttf');
src: url("#{$librebaskerville-font-path}LibreBaskerville-Bold.ttf") format("truetype");
font-weight: 500;
}
@font-face {
font-family: "Libre Baskerville Italic";
src: local(Lato Regular), url('#{$librebaskerville-font-path}LibreBaskerville-Bold.ttf');
src: url("#{$librebaskerville-font-path}LibreBaskerville-Bold.ttf") format("truetype");
font-weight: 400;
}
@font-face {
font-family: "Libre Baskerville Regular";
src: local(Lato Regular), url('#{$librebaskerville-font-path}LibreBaskerville-Regular.ttf');
src: url("#{$librebaskerville-font-path}LibreBaskerville-Regular.ttf") format("truetype");
font-weight: 400;
}

8
projects/shared-ui/src/styles/fontfaces/_limelight.scss Normal file
View File

@@ -0,0 +1,8 @@
$limelight-font-path: "/fonts/limelight/" !default;
@font-face {
font-family: 'Limelight';
src: url("#{$limelight-font-path}Limelight-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

11
projects/shared-ui/src/styles/fontfaces/_lora.scss Normal file
View File

@@ -0,0 +1,11 @@
$lora-font-path: "/fonts/lora/" !default;
@font-face {
font-family: "Lora";
src: url("#{$lora-font-path}Lora-VariableFont_wght.ttf") format("truetype");
}
@font-face {
font-family: "Lora Italic";
src: url("#{$lora-font-path}Lora-Italic-VariableFont_wght.ttf") format("truetype");
}

85
projects/shared-ui/src/styles/fontfaces/_manrope.scss Normal file
View File

@@ -0,0 +1,85 @@
$manrope-font-path: "/fonts/manrope/" !default;
/*
@font-face {
font-family: "Manrope";
src: url("#{$manrope-font-path}Manrope-VariableFont_wght.ttf") format("truetype");
}
*/
@font-face {
font-family: 'Manrope';
src: url("#{$manrope-font-path}Manrope-V.otf") format("otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url("#{$manrope-font-path}Manrope-ExtraLight.woff2") format("woff2"),
url("#{$manrope-font-path}Manrope-ExtraLight.woff") format("woff");
}
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("#{$manrope-font-path}Manrope-Light.woff2") format("woff2"),
url("#{$manrope-font-path}Manrope-Light.woff") format("woff");
}
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("#{$manrope-font-path}Manrope-Regular.woff2") format("woff2"),
url("#{$manrope-font-path}Manrope-Regular.woff") format("woff");
}
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("#{$manrope-font-path}Manrope-Medium.woff2") format("woff2"),
url("#{$manrope-font-path}Manrope-Medium.woff") format("woff");
}
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("#{$manrope-font-path}Manrope-SemiBold.woff2") format("woff2"),
url("#{$manrope-font-path}Manrope-SemiBold.woff") format("woff");
}
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("#{$manrope-font-path}Manrope-Bold.woff2") format("woff2"),
url("#{$manrope-font-path}Manrope-Bold.woff") format("woff");
}
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url("#{$manrope-font-path}Manrope-ExtraBold.woff2") format("woff2"),
url("#{$manrope-font-path}Manrope-ExtraBold.woff") format("woff");
}

12
projects/shared-ui/src/styles/fontfaces/_merriweather.scss Normal file
View File

@@ -0,0 +1,12 @@
$merriweather-font-path: "/fonts/merriweather/" !default;
@font-face {
font-family: 'Merriweather Regular';
src: url("#{$merriweather-font-path}merriweather-regular-webfont.ttf");
}
@font-face {
font-family: 'Merriweather Italic';
src: url("#{$merriweather-font-path}merriweather-italic-webfont.ttf");
}

121
projects/shared-ui/src/styles/fontfaces/_metropolis.scss Normal file
View File

@@ -0,0 +1,121 @@
$metropolis-font-path: "/fonts/metropolis/" !default;
@font-face {
font-family: 'Metropolis Regular';
src: url("#{$metropolis-font-path}Metropolis-Regular.otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Metropolis Regular Italic';
src: url("#{$metropolis-font-path}Metropolis-RegularItalic.otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Metropolis Medium';
src: url("#{$metropolis-font-path}Metropolis-Medium.otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Metropolis Medium Italic';
src: url("#{$metropolis-font-path}Metropolis-MediumItalic.otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Metropolis Bold';
src: url("#{$metropolis-font-path}Metropolis-Bold.otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Metropolis Bold Italic';
src: url("#{$metropolis-font-path}Metropolis-BoldItalic.otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Metropolis Extra Bold';
src: url("#{$metropolis-font-path}Metropolis-Bold.otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Metropolis Extra Bold Italic';
src: url("#{$metropolis-font-path}Metropolis-BoldItalic.otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Metropolis Black';
src: url("#{$metropolis-font-path}Metropolis-Black.otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Metropolis Semi Bold';
src: url("#{$metropolis-font-path}Metropolis-SemiBold.otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Metropolis Extra Bold Italic';
src: url("#{$metropolis-font-path}Metropolis-SemiBoldItalic.otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Metropolis Thin';
src: url("#{$metropolis-font-path}Metropolis-Thin.otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Metropolis Thin Italic';
src: url("#{$metropolis-font-path}Metropolis-ThinItalic.otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Metropolis Light';
src: url("#{$metropolis-font-path}Metropolis-Light.otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Metropolis Light Italic';
src: url("#{$metropolis-font-path}Metropolis-LightItalic.otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Metropolis Extra Light';
src: url("#{$metropolis-font-path}Metropolis-ExtraLight.otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Metropolis Extra Light Italic';
src: url("#{$metropolis-font-path}Metropolis-ExtraLightItalic.otf");
font-weight: normal;
font-style: normal;
}

9
projects/shared-ui/src/styles/fontfaces/_monasans.scss Normal file
View File

@@ -0,0 +1,9 @@
$monasans-font-path: "/fonts/monasans/" !default;
@font-face {
font-family: 'Mona Sans';
src: url("#{$monasans-font-path}Mona-Sans.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

51
projects/shared-ui/src/styles/fontfaces/_montserrat.scss Normal file
View File

@@ -0,0 +1,51 @@
$montserrat-font-path: "/fonts/montserrat/" !default;
@font-face {
font-family: "Montserrat";
src: url("#{$montserrat-font-path}Montserrat-VariableFont_wght.ttf") format("truetype")
}
/*
@font-face {
font-family: "Montserrat Light";
src: local(Montserrat Light), url('#{$montserrat-font-path}Montserrat-Light.ttf');
src: url("#{$montserrat-font-path}Montserrat-Light.ttf") format("truetype");
font-weight: 300;
}
@font-face {
font-family: "Montserrat Regular";
src: local(Montserrat Regular), url('#{$montserrat-font-path}Montserrat-Regular.ttf');
src: url("#{$montserrat-font-path}Montserrat-Regular.ttf") format("truetype");
font-weight: 400;
}
@font-face {
font-family: "Montserrat Bold";
src: local(Montserrat Bold), url('#{$montserrat-font-path}Montserrat-Bold.ttf');
src: url("#{$montserrat-font-path}Montserrat-Bold.ttf") format("truetype");
font-weight: 700;
}
@font-face {
font-family: "Montserrat Semi Bold";
src: local(Montserrat Semi Bold), url('#{$montserrat-font-path}Montserrat-SemiBold.ttf');
src: url("#{$montserrat-font-path}Montserrat-SemiBold.ttf") format("truetype");
font-weight: 600;
}
@font-face {
font-family: "Montserrat Medium";
src: local(Montserrat Medium), url('#{$montserrat-font-path}Montserrat-Medium.ttf');
src: url("#{$montserrat-font-path}Montserrat-Medium.ttf") format("truetype");
font-weight: 600;
}
@font-face {
font-family: "Montserrat Hairline";
src: local(Montserrat Hairline), url('#{$montserrat-font-path}Montserrat-Hairline.ttf');
src: url("#{$montserrat-font-path}Montserrat-Hairline.ttf") format("truetype");
font-weight: 100;
}
.montserrat {
font-family: "Montserrat";
}
*/

47
projects/shared-ui/src/styles/fontfaces/_nacelle.scss Normal file
View File

@@ -0,0 +1,47 @@
$nacelle-font-path: "/fonts/nacelle/" !default;
@font-face {
font-family: 'Nacelle Regular';
src: url("#{$nacelle-font-path}Nacelle-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Nacelle Semi Bold';
src: url("#{$nacelle-font-path}Nacelle-SemiBold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Nacelle Bold';
src: url("#{$nacelle-font-path}Nacelle-Bold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Nacelle Heavy';
src: url("#{$nacelle-font-path}Nacelle-Heavy.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Nacelle Black';
src: url("#{$nacelle-font-path}Nacelle-Black.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Nacelle Light';
src: url("#{$nacelle-font-path}Nacelle-Light.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

17
projects/shared-ui/src/styles/fontfaces/_norwester.scss Normal file
View File

@@ -0,0 +1,17 @@
$norwester-font-path: "/fonts/norwester/" !default;
/*** Norwester ***/
@font-face {
font-family: 'Norwester';
src: url("#{$norwester-font-path}norwester-webfont.ttf") format("truetype"),
url('#{$norwester-font-path}norwester-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$norwester-font-path}norwester-webfont.woff') format('woff'); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
.norwester {
font-family: 'norwesterregular';
}

12
projects/shared-ui/src/styles/fontfaces/_notosans.scss Normal file
View File

@@ -0,0 +1,12 @@
$notosans-font-path: "/fonts/notosans/" !default;
/*** Aileron**/
@font-face {
font-family: 'Noto Sans';
src: url("#{$notosans-font-path}NotoSans-VariableFont_wdth,wght.ttf") format("truetype");
}
@font-face {
font-family: 'Noto Sans Italic';
src: url("#{$notosans-font-path}NotoSans-Italic-VariableFont_wdth,wght.ttf") format("truetype");
}

39
projects/shared-ui/src/styles/fontfaces/_nunito.scss Normal file
View File

@@ -0,0 +1,39 @@
$nuntio-font-path: "/fonts/nunito/" !default;
@font-face {
font-family: 'Nunito';
src: url("#{$nuntio-font-path}Nunito-VariableFont_wght.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Nunito Italic';
src: url("#{$nuntio-font-path}Nunito-Italic-VariableFont_wght.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
/*
@font-face {
font-family: 'Nunito Regular';
src: url("#{$nuntio-font-path}Nunito-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Nunito Light';
src: url("#{$nuntio-font-path}Nunito-Light.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Nunito Semi Bold';
src: url("#{$nuntio-font-path}Nunito-SemiBold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
*/

135
projects/shared-ui/src/styles/fontfaces/_opensans.scss Normal file
View File

@@ -0,0 +1,135 @@
$opensans-font-path: "/fonts/opensans/" !default;
@font-face {
font-family: 'Open Sans';
src: url("#{$opensans-font-path}OpenSans-VariableFont_wdth.ttf") format("truetype");
font-style: normal;
}
@font-face {
font-family: 'Open Sans Italic';
src: url("#{$opensans-font-path}OpenSans-Italic-VariableFont_wdth.ttf") format("truetype");
font-style: italic;
}
/*
@font-face {
font-family: 'Open Sans Bold';
src: url("#{$opensans-font-path}OpenSans-Bold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.opensans-bold {
font-family: 'Open Sans Bold';
}
@font-face {
font-family: 'Open Sans Bold Italic';
src: url("#{$opensans-font-path}OpenSans-BoldItalic.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.opensans-bold-italic {
font-family: 'Open Sans Bold Italic';
}
@font-face {
font-family: 'Open Sans Extra Bold';
src: url("#{$opensans-font-path}OpenSans-ExtraBold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.opensans-extra-bold {
font-family: 'Open Sans Extra Bold';
}
@font-face {
font-family: 'Open Sans Extra Bold Italic';
src: url("#{$opensans-font-path}Open Sans-ExtraBoldItalic.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.opensans-extra-bold-italic {
font-family: 'Open Sans Extra Bold Italic';
}
@font-face {
font-family: 'Open Sans Italic';
src: url("#{$opensans-font-path}OpenSans-Italic.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.opensans-italic {
font-family: 'Open Sans Italic';
}
@font-face {
font-family: 'Open Sans Light';
src: url("#{$opensans-font-path}OpenSans-Light.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.opensans-light {
font-family: 'Open Sans Light';
}
@font-face {
font-family: 'Open Sans Light Italic';
src: url("#{$opensans-font-path}OpenSans-LightItalic.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.opensans-light-italic {
font-family: 'Open Sans Light Italic';
}
@font-face {
font-family: 'Open Sans Regular';
src: url("#{$opensans-font-path}OpenSans-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.opensans-regular {
font-family: 'Open Sans Regular';
}
@font-face {
font-family: 'Open Sans Semi Bold';
src: url("#{$opensans-font-path}OpenSans-SemiBold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.opensans-semibold {
font-family: 'Open Sans Semi Bold';
}
@font-face {
font-family: 'Open Sans Semi Bold Italic';
src: url("#{$opensans-font-path}OpenSans-SemiBoldItalic.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.opensans-semibold-italic {
font-family: 'Open Sans Semi Bold Italic';
}
*/

8
projects/shared-ui/src/styles/fontfaces/_oswald.scss Normal file
View File

@@ -0,0 +1,8 @@
$oswald-font-path: "/fonts/oswald/" !default;
@font-face {
font-family: "Oswald";
src: url("#{$oswald-font-path}Oswald-VariableFont_wght.ttf") format("truetype");
}

8
projects/shared-ui/src/styles/fontfaces/_outfit.scss Normal file
View File

@@ -0,0 +1,8 @@
$outfit-font-path: "/fonts/outfit/" !default;
@font-face {
font-family: 'Outfit';
src: url("#{$outfit-font-path}Outfit-VariableFont_wght.ttf") format("truetype");
}

12
projects/shared-ui/src/styles/fontfaces/_overused.scss Normal file
View File

@@ -0,0 +1,12 @@
$overused-font-path: "/fonts/overused/" !default;
@font-face {
font-family: "Overused";
src: url("#{$overused-font-path}OverusedGrotesk-VF.ttf") format("truetype");
}
@font-face {
font-family: "Overused Italic";
src: url("#{$overused-font-path}OverusedGroteskRoman-VF.ttf") format("truetype");
}

12
projects/shared-ui/src/styles/fontfaces/_playfair_display.scss Normal file
View File

@@ -0,0 +1,12 @@
$playfairdisplay-font-path: "/fonts/playfair_display/" !default;
@font-face {
font-family: "Playfair Display";
src: url("#{$playfairdisplay-font-path}PlayfairDisplay-VariableFont_wght.ttf") format("truetype");
}
@font-face {
font-family: "Playfair Display Italic";
src: url("#{$playfairdisplay-font-path}PlayfairDisplay-Italic-VariableFont_wght.ttf") format("truetype");
}

13
projects/shared-ui/src/styles/fontfaces/_plusjakatasans.scss Normal file
View File

@@ -0,0 +1,13 @@
$plusJakartasans-font-path: "/fonts/plusjakatasans/" !default;
@font-face {
font-family: 'Plus Jakarta Sans';
src: url("#{$plusJakartasans-font-path}PlusJakartaSans-VariableFont_wght.ttf") format("truetype");
}
@font-face {
font-family: 'Plus Jakarta Sans Italic';
src: url("#{$plusJakartasans-font-path}PlusJakartaSans-Italic-VariableFont_wght.ttf") format("truetype");
}

38
projects/shared-ui/src/styles/fontfaces/_poppins.scss Normal file
View File

@@ -0,0 +1,38 @@
$poppins-font-path: "/fonts/poppins/" !default;
/*** Poppins ***/
@font-face {
font-family: 'Poppins Regular';
src: url("#{$poppins-font-path}poppins-regular-webfont.ttf") format("truetype"),
url('#{$poppins-font-path}poppins-regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$poppins-font-path}poppins-regular-webfont.woff') format('woff'); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Poppins Medium';
src: url("#{$poppins-font-path}poppins-medium-webfont.ttf") format("truetype"),
url('#{$poppins-font-path}poppins-medium-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$poppins-font-path}poppins-medium-webfont.woff') format('woff'); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Poppins Light';
src: url("#{$poppins-font-path}poppins-light-webfont.ttf") format("truetype"),
url('#{$poppins-font-path}poppins-light-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$poppins-font-path}poppins-light-webfont.woff') format('woff'); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Poppins Semi Bold';
src: url("#{$poppins-font-path}poppins-semibold-webfont.ttf") format("truetype"),
url('#{$poppins-font-path}poppins-semibold-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$poppins-font-path}poppins-semibold-webfont.woff') format('woff'); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}

10
projects/shared-ui/src/styles/fontfaces/_questrial.scss Normal file
View File

@@ -0,0 +1,10 @@
$questrial-font-path: "/fonts/questrial/" !default;
/*** Aileron**/
@font-face {
font-family: 'Questrial Regular';
src: url("#{$questrial-font-path}Questrial-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

10
projects/shared-ui/src/styles/fontfaces/_quicksand.scss Normal file
View File

@@ -0,0 +1,10 @@
$quicksand-font-path: "/fonts/quicksand/" !default;
/*** Aileron**/
@font-face {
font-family: 'Quicksand';
src: url("#{$quicksand-font-path}Quicksand-VariableFont_wght.ttf") format("truetype");
//font-weight: normal;
font-style: normal;
}

226
projects/shared-ui/src/styles/fontfaces/_raleway.scss Normal file
View File

@@ -0,0 +1,226 @@
$raleway-font-path: "/fonts/raleway/" !default;
@font-face {
font-family: 'Raleway';
src: url("#{$commissioner-font-path}Raleway-VariableFont_wght.ttf") format("truetype");
}
@font-face {
font-family: 'Raleway Italic';
src: url("#{$commissioner-font-path}Raleway-Italic-VariableFont_wght.ttf") format("truetype");
}
/*
@font-face {
font-family: 'Raleway Black';
src: url("#{$raleway-font-path}Raleway-Black.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.raleway-black {
font-family: 'Raleway Black';
}
@font-face {
font-family: 'Raleway Black Italic';
src: url("#{$raleway-font-path}Raleway-BlackItalic.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.raleway-black-italic {
font-family: 'Raleway Black Italic';
}
@font-face {
font-family: 'Raleway Bold';
src: url("#{$raleway-font-path}Raleway-Bold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.raleway-bold {
font-family: 'Raleway Bold';
}
@font-face {
font-family: 'Raleway Bold Italic';
src: url("#{$raleway-font-path}Raleway-BoldItalic.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.raleway-bold-italic {
font-family: 'Raleway Bold Italic';
}
@font-face {
font-family: 'Raleway Extra Bold';
src: url("#{$raleway-font-path}Raleway-ExtraBold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.raleway-extra-bold {
font-family: 'Raleway Extra Bold';
}
@font-face {
font-family: 'Raleway Extra Bold Italic';
src: url("#{$raleway-font-path}Raleway-ExtraBoldItalic.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.raleway-extra-bold-italic {
font-family: 'Raleway Extra Bold Italic';
}
@font-face {
font-family: 'Raleway Extra Light';
src: url("#{$raleway-font-path}Raleway-ExtraLight.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.raleway-extra-light {
font-family: 'Raleway Extra Light';
}
@font-face {
font-family: 'Raleway Extra Light Italic';
src: url("#{$raleway-font-path}Raleway-ExtraLightItalic.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.raleway-extra-light-italic {
font-family: 'Raleway Extra Light Italic';
}
@font-face {
font-family: 'Raleway Italic';
src: url("#{$raleway-font-path}Raleway-Italic.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.raleway-italic {
font-family: 'Raleway Italic';
}
@font-face {
font-family: 'Raleway Light';
src: url("#{$raleway-font-path}Raleway-Light.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.raleway-light {
font-family: 'Raleway Light';
}
@font-face {
font-family: 'Raleway Light Italic';
src: url("#{$raleway-font-path}Raleway-LightItalic.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.raleway-light-italic {
font-family: 'Raleway Light Italic';
}
@font-face {
font-family: 'Raleway Medium';
src: url("#{$raleway-font-path}Raleway-Medium.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.raleway-medium {
font-family: 'Raleway Medium';
}
@font-face {
font-family: 'Raleway Medium Italic';
src: url("#{$raleway-font-path}Raleway-MediumItalic.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.raleway-medium-italic {
font-family: 'Raleway Medium Italic';
}
@font-face {
font-family: 'Raleway Regular';
src: url("#{$raleway-font-path}Raleway-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.raleway-regular {
font-family: 'Raleway Regular';
}
@font-face {
font-family: 'Raleway Semi Bold';
src: url("#{$raleway-font-path}Raleway-SemiBold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.raleway-semibold {
font-family: 'Raleway Semi Bold';
}
@font-face {
font-family: 'Raleway Semi Bold Italic';
src: url("#{$raleway-font-path}Raleway-SemiBoldItalic.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.raleway-semibold-italic {
font-family: 'Raleway Semi Bold Italic';
}
@font-face {
font-family: 'Raleway Thin';
src: url("#{$raleway-font-path}Raleway-Thin.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.raleway-thin {
font-family: 'Raleway Thin';
}
@font-face {
font-family: 'Raleway Thin Italic';
src: url("#{$raleway-font-path}Raleway-ThinItalic.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.raleway-thin-italic {
font-family: 'Raleway Thin Italic';
}
*/

39
projects/shared-ui/src/styles/fontfaces/_roboto.scss Normal file
View File

@@ -0,0 +1,39 @@
$roboto-font-path: "/fonts/roboto/" !default;
/****************************************************************
ROBOTO
****************************************************************/
@font-face {
font-family: "Roboto";
src: url("#{$roboto-font-path}Roboto-Thin.ttf") format("truetype");
font-weight: 200;
}
@font-face {
font-family: "Roboto Light";
src: url("#{$roboto-font-path}Roboto-Light.ttf") format("truetype");
font-weight: 300;
}
@font-face {
font-family: "Roboto Regular";
src: url("#{$roboto-font-path}Roboto-Regular.ttf") format("truetype");
font-weight: 400;
}
@font-face {
font-family: "Roboto Medium";
src: url("#{$roboto-font-path}Roboto-Medium.ttf") format("truetype");
font-weight: 500;
}
@font-face {
font-family: "Roboto";
src: url("#{$roboto-font-path}Roboto-Bold.ttf") format("truetype");
font-weight: 700;
}
.roboto {
font-family: "Roboto";
}

11
projects/shared-ui/src/styles/fontfaces/_robotocondensed.scss Normal file
View File

@@ -0,0 +1,11 @@
$robotocondensed-font-path: "/fonts/robotocondensed/" !default;
@font-face {
font-family: 'Roboto Condensed';
src: url("#{$robotocondensed-font-path}RobotoCondensed-VariableFont_wght.ttf") format("truetype");
}
@font-face {
font-family: 'Roboto Condensed Italic';
src: url("#{$robotocondensed-font-path}RobotoCondensed-Italic-VariableFont_wght.ttf") format("truetype");
}

11
projects/shared-ui/src/styles/fontfaces/_robotomono.scss Normal file
View File

@@ -0,0 +1,11 @@
$robotomono-font-path: "/fonts/robotomono/" !default;
@font-face {
font-family: 'Ronotomono';
src: url("#{$robotomono-font-path}RobotoMono-VariableFont_wght.ttf") format("truetype");
}
@font-face {
font-family: 'Ronotomono Italic';
src: url("#{$robotomono-font-path}RobotoMono-Italic-VariableFont_wght.ttf") format("truetype");
}

8
projects/shared-ui/src/styles/fontfaces/_robotoslab.scss Normal file
View File

@@ -0,0 +1,8 @@
$robotoslab-font-path: "/fonts/robotoslab/" !default;
@font-face {
font-family: "Roboto Slab";
src: url("#{$robotoslab-font-path}RobotoSlab-VariableFont_wght.ttf") format("truetype");
}

11
projects/shared-ui/src/styles/fontfaces/_rubik.scss Normal file
View File

@@ -0,0 +1,11 @@
$rubik-font-path: "/fonts/rubik/" !default;
@font-face {
font-family: 'Rubik';
src: url("#{$rubik-font-path}Rubik-VariableFont_wght.ttf") format("truetype");
}
@font-face {
font-family: 'Rubik Italic';
src: url("#{$rubik-font-path}Rubik-Italic-VariableFont_wght.ttf") format("truetype");
}

17
projects/shared-ui/src/styles/fontfaces/_sacramento.scss Normal file
View File

@@ -0,0 +1,17 @@
$sacramento-font-path: "/fonts/sacramento/" !default;
@font-face {
font-family: 'Sacramento Regular';
font-style: normal;
src: url("#{$sacramento-font-path}Sacramento-Regular.ttf") format("truetype"),
url('#{$sacramento-font-path}sacramento-regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$sacramento-font-path}sacramento-regular-webfont.woff') format('woff'); /* Modern Browsers */
font-weight: 400;
}
.sacramento {
font-family: 'sacramentoregular';
}

16
projects/shared-ui/src/styles/fontfaces/_satoshi.scss Normal file
View File

@@ -0,0 +1,16 @@
$satoshi-font-path: "/fonts/satoshi/" !default;
@font-face {
font-family: 'Satoshi';
src: url("#{$satoshi-font-path}Satoshi-Variable.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Satoshi Semi Bold';
src: url("#{$satoshi-font-path}Satoshi-Variable.ttf") format("truetype");
font-weight:bolder;
font-style: normal;
}

16
projects/shared-ui/src/styles/fontfaces/_sifonn.scss Normal file
View File

@@ -0,0 +1,16 @@
$sifonn-font-path: "/fonts/sifonn/" !default;
/*** Sifonn ***/
@font-face {
font-family: 'Sifonn';
src: url("#{$sifonn-font-path}sifonn_basic-webfont.ttf") format("truetype"),
url('#{$sifonn-font-path}sifonn_basic-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$sifonn-font-path}sifonn_basic-webfont.woff') format('woff'); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
.sifonn {
font-family: 'sifonnbasic';
}

9
projects/shared-ui/src/styles/fontfaces/_sixcaps.scss Normal file
View File

@@ -0,0 +1,9 @@
$sixcaps-font-path: "/fonts/six-caps/" !default;
@font-face {
font-family: 'Six Caps';
src: url("#{$sixcaps-font-path}SixCaps.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

14
projects/shared-ui/src/styles/fontfaces/_sora.scss Normal file
View File

@@ -0,0 +1,14 @@
$sora-font-path: "/fonts/sora/" !default;
@font-face {
font-family: 'Sora';
src: url("#{$sora-font-path}Sora[wght].ttf") format("truetype");
}
@font-face {
font-family: 'Sora Italic';
src: url("#{$sora-font-path}Sora-Italic[wght].ttf") format("truetype");
}
.sora-regular {
letter-spacing: -0.5%;
}

11
projects/shared-ui/src/styles/fontfaces/_sourcesanspro.scss Normal file
View File

@@ -0,0 +1,11 @@
$sourcesanspro-font-path: "/fonts/sourcesanspro/" !default;
/*** Source Sans Pro ***/
@font-face {
font-family: 'Source Sans Pro';
src: url("#{$sourcesanspro-font-path}SourceSans3-VariableFont_wght.ttf") format("truetype");
}
@font-face {
font-family: 'Source Sans Pro Italic';
src: url("#{$sourcesanspro-font-path}SourceSans3-Italic-VariableFont_wght.ttf") format("truetype");
}

56
projects/shared-ui/src/styles/fontfaces/_sourceserifpro.scss Normal file
View File

@@ -0,0 +1,56 @@
$sourceserifpro-font-path: "/fonts/sourceserifpro/" !default;
/*** Source Sans Pro ***/
@font-face {
font-family: 'Source Serif Pro Black';
src: url("#{$sourceserifpro-font-path}sourceserifpro-black-webfont.ttf") format("truetype"),
url('#{$sourceserifpro-font-path}sourceserifpro-black-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$sourceserifpro-font-path}sourceserifpro-black-webfont.woff') format('woff'); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Source Serif Pro Bold';
src: url("#{$sourceserifpro-font-path}sourceserifpro-bold-webfont.ttf") format("truetype"),
url('#{$sourceserifpro-font-path}sourceserifpro-bold-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$sourceserifpro-font-path}sourceserifpro-bold-webfont.woff') format('woff'); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Source Serif Pro SemiBold';
src: url("#{$sourceserifpro-font-path}sourceserifpro-semibold-webfont.ttf") format("truetype"),
url('#{$sourceserifpro-font-path}sourceserifpro-semibold-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$sourceserifpro-font-path}sourceserifpro-semibold-webfont.woff') format('woff'); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Source Serif Pro ExtraLight';
src: url("#{$sourceserifpro-font-path}sourceserifpro-extralight-webfont.ttf") format("truetype"),
url('#{$sourceserifpro-font-path}sourceserifpro-extralight-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$sourceserifpro-font-path}sourceserifpro-extralight-webfont.woff') format('woff'); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Source Serif Pro Light';
src: url("#{$sourceserifpro-font-path}sourceserifpro-light-webfont.ttf") format("truetype"),
url('#{$sourceserifpro-font-path}sourceserifpro-light-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$sourceserifpro-font-path}sourceserifpro-light-webfont.woff') format('woff'); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Source Serif Pro Regular';
src: url("#{$sourceserifpro-font-path}sourceserifpro-regular-webfont.ttf") format("truetype"),
url('#{$sourceserifpro-font-path}sourceserifpro-regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$sourceserifpro-font-path}sourceserifpro-regular-webfont.woff') format('woff'); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}

7
projects/shared-ui/src/styles/fontfaces/_spacegrotesk.scss Normal file
View File

@@ -0,0 +1,7 @@
$spacegrotesk-font-path: "/fonts/spacegrotesk/" !default;
@font-face {
font-family: "Space Grotesk";
src: url("#{$spacegrotesk-font-path}SpaceGrotesk-VariableFont_wght.ttf") format("truetype");
}

22
projects/shared-ui/src/styles/fontfaces/_spacemono.scss Normal file
View File

@@ -0,0 +1,22 @@
$spacemono-font-path: "/fonts/spacemono/" !default;
@font-face {
font-family: 'Space Mono Bold';
src: url("#{$spacemono-font-path}SpaceMono-Bold.ttf") format("truetype");
}
@font-face {
font-family: 'Space Mono Bold Italic';
src: url("#{$spacemono-font-path}SpaceMono-BoldItalic.ttf") format("truetype");
}
@font-face {
font-family: 'Space Mono Italic';
src: url("#{$spacemono-font-path}SpaceMono-Italic.ttf") format("truetype");
}
@font-face {
font-family: 'Space Mono Regular';
src: url("#{$spacemono-font-path}SpaceMono-Regular.ttf") format("truetype");
}

8
projects/shared-ui/src/styles/fontfaces/_unbounded.scss Normal file
View File

@@ -0,0 +1,8 @@
$unbounded-font-path: "/fonts/unbounded/" !default;
/*** Aileron**/
@font-face {
font-family: 'Unbounded';
src: url("#{$unbounded-font-path}Unbounded-VariableFont_wght.ttf") format("truetype");
}

10
projects/shared-ui/src/styles/fontfaces/_urbanist.scss Normal file
View File

@@ -0,0 +1,10 @@
$urbanist-font-path: "/fonts/urbanist/" !default;
@font-face {
font-family: 'Urbanist';
src: url("#{$urbanist-font-path}Urbanist-VariableFont_wght.ttf") format("truetype");
}
@font-face {
font-family: 'Urbanist Italic';
src: url("#{$urbanist-font-path}Urbanist-Italic-VariableFont_wght.ttf") format("truetype");
}

57
projects/shared-ui/src/styles/fontfaces/_vesperlibre.scss Normal file
View File

@@ -0,0 +1,57 @@
$vesperlibre-font-path: "/fonts/vesperlibre/" !default;
@font-face {
font-family: 'Vesper Libre Regular';
src: url("#{$vesperlibre-font-path}VesperLibre-Regular.ttf") format("truetype"),
url('#{$vesperlibre-font-path}VesperLibre-Regular.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$vesperlibre-font-path}VesperLibre-Regular.woff') format('woff'); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
.vesperlibre-regular {
font-family: 'Vesper Libre Regular';
}
@font-face {
font-family: 'Vesper Libre Bold';
src: url("#{$vesperlibre-font-path}VesperLibre-Bold.ttf") format("truetype"),
url('#{$vesperlibre-font-path}VesperLibre-Bold.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$vesperlibre-font-path}VesperLibre-Bold.woff') format('woff'); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
.vesperlibre-bold {
font-family: 'Vesper Libre Bold';
}
@font-face {
font-family: 'Vesper Libre Medium';
src: url("#{$vesperlibre-font-path}VesperLibre-Medium.ttf") format("truetype"),
url('#{$vesperlibre-font-path}VesperLibre-Medium.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$vesperlibre-font-path}VesperLibre-Medium.woff') format('woff'); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
.vesperlibre-medium {
font-family: 'Vesper Libre Medium';
}
@font-face {
font-family: 'Vesper Libre Heavy';
src: url("#{$vesperlibre-font-path}VesperLibre-Heavy.ttf") format("truetype"),
url('#{$vesperlibre-font-path}VesperLibre-Heavy.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$vesperlibre-font-path}VesperLibre-Heavy.woff') format('woff'); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
.vesperlibre-heavy {
font-family: 'Vesper Libre Heavy';
}

16
projects/shared-ui/src/styles/fontfaces/_vollkorn.scss Normal file
View File

@@ -0,0 +1,16 @@
$vollkorn-font-path: "/fonts/vollkorn/" !default;
@font-face {
font-family: 'Vollkorn';
src: url("#{$vollkorn-font-path}Vollkorn-VariableFont_wght.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Vollkorn Italic';
src: url("#{$vollkorn-font-path}Vollkorn-Italic-VariableFont_wght.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

8
projects/shared-ui/src/styles/fontfaces/_whisper.scss Normal file
View File

@@ -0,0 +1,8 @@
$whisper-font-path: "/fonts/whisper/" !default;
@font-face {
font-family: 'Whisper Regular';
src: url("#{$whisper-font-path}Whisper-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

52
projects/shared-ui/src/styles/fontfaces/_worksans.scss Normal file
View File

@@ -0,0 +1,52 @@
$worksans-font-path: "/fonts/worksans/" !default;
@font-face {
font-family: 'Work Sans';
src: url("#{$worksans-font-path}WorkSans-VariableFont_wght.ttf") format("truetype");
}
@font-face {
font-family: 'Work Sans Italic';
src: url("#{$worksans-font-path}WorkSans-Italic-VariableFont_wght.ttf") format("truetype");
}
/*
@font-face {
font-family: 'Work Sans Bold';
src: url("#{$worksans-font-path}WorkSans-Bold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Work Sans Extra Bold';
src: url("#{$worksans-font-path}WorkSans-ExtraBold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Work Sans Light';
src: url("#{$worksans-font-path}WorkSans-Light.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Work Sans Regular';
src: url("#{$worksans-font-path}WorkSans-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Work Sans Semi Bold';
src: url("#{$worksans-font-path}WorkSans-SemiBold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
*/

52
projects/shared-ui/src/styles/fontfaces/_zillaslab.scss Normal file
View File

@@ -0,0 +1,52 @@
$zillaslab-font-path: "/fonts/zillaslab/" !default;
@font-face {
font-family: 'Zilla Slab Bold';
src: url("#{$zillaslab-font-path}ZillaSlab-Bold.ttf") format("truetype");
}
@font-face {
font-family: 'Zilla Slab Bold Italic';
src: url("#{$zillaslab-font-path}ZillaSlab-BoldItalic.ttf") format("truetype");
}
@font-face {
font-family: 'Zilla Slab Italic';
src: url("#{$zillaslab-font-path}ZillaSlab-Italic.ttf") format("truetype");
}
@font-face {
font-family: 'Zilla Slab Regular';
src: url("#{$zillaslab-font-path}ZillaSlab-Regular.ttf") format("truetype");
}
@font-face {
font-family: 'Zilla Slab Light';
src: url("#{$zillaslab-font-path}ZillaSlab-Light.ttf") format("truetype");
}
@font-face {
font-family: 'Zilla Slab Light Italic';
src: url("#{$zillaslab-font-path}ZillaSlab-LightItalic.ttf") format("truetype");
}
@font-face {
font-family: 'Zilla Slab Medium';
src: url("#{$zillaslab-font-path}ZillaSlab-Medium.ttf") format("truetype");
}
@font-face {
font-family: 'Zilla Slab Medium Italic';
src: url("#{$zillaslab-font-path}ZillaSlab-MediumItalic.ttf") format("truetype");
}
@font-face {
font-family: 'Zilla Slab Semi Bold';
src: url("#{$zillaslab-font-path}ZillaSlab-SemiBold.ttf") format("truetype");
}
@font-face {
font-family: 'Zilla Slab Semi Bold Italic';
src: url("#{$zillaslab-font-path}ZillaSlab-SemiBoldItalic.ttf") format("truetype");
}