scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(SW-375): new tokens

Browse Source 
new asset generation logic

BREAKING CHANGE: New tokens.
This commit is contained in:
Michael Zetterberg
2025-01-20 14:46:25 +01:00
parent 7ce2ee2922
commit 56973888c9
189 changed files with 34368 additions and 10344 deletions
Download Patch File Download Diff File Expand all files Collapse all files

255
packages/design-system/lib/fonts.css Normal file
View File

@@ -0,0 +1,255 @@
@font-face {
font-display: fallback;
font-family: 'biro script plus';
font-style: normal;
font-weight: 400;
src: url(/fonts/biro-script-plus/regular.woff2) format('woff2');
}
@font-face {
font-display: fallback;
font-family: 'brandon text';
font-weight: 700;
src:
url(/fonts/brandon-text/bold.woff2) format('woff2'),
url(/fonts/brandon-text/bold.woff) format('woff');
}
@font-face {
font-display: fallback;
font-family: 'brandon text';
font-weight: 900;
src:
url(/fonts/brandon-text/black.woff2) format('woff2'),
url(/fonts/brandon-text/black.woff) format('woff');
}
@font-face {
font-display: fallback;
font-family: 'Domaine Sans Text';
font-style: normal;
font-weight: 300;
src:
url(/fonts/domaine/domainesanstextweb-light-webfont.woff2) format('woff2'),
url(/fonts/domaine/domainesanstextweb-light-webfont.woff) format('woff');
}
@font-face {
font-display: fallback;
font-family: 'Domaine Sans Text';
font-style: normal;
font-weight: 400;
src:
url(/fonts/domaine/domainesanstextweb-regular-webfont.woff2) format('woff2'),
url(/fonts/domaine/domainesanstextweb-regular-webfont.woff) format('woff');
}
@font-face {
font-display: fallback;
font-family: 'fira sans';
font-style: normal;
font-weight: 300;
src: url(/fonts/fira-sans/light.woff2) format('woff2');
}
@font-face {
font-display: fallback;
font-family: 'fira sans';
font-style: normal;
font-weight: 400;
src: url(/fonts/fira-sans/regular.woff2) format('woff2');
}
@font-face {
font-display: fallback;
font-family: 'fira sans';
font-style: normal;
font-weight: 500;
src: url(/fonts/fira-sans/medium.woff2) format('woff2');
}
@font-face {
font-display: fallback;
font-family: 'fira sans';
font-style: normal;
font-weight: 600;
src: url(/fonts/fira-sans/semibold.woff2) format('woff2');
}
@font-face {
font-display: fallback;
font-family: 'fira sans';
font-style: normal;
font-weight: 700;
src: url(/fonts/fira-sans/bold.woff2) format('woff2');
}
@font-face {
font-display: fallback;
font-family: 'fira sans';
font-style: normal;
font-weight: 900;
src: url(/fonts/fira-sans/black.woff2) format('woff2');
}
@font-face {
font-display: fallback;
font-family: Garamond;
font-style: normal;
font-weight: 400;
src:
url(/fonts/itcgaramond/ITCGaramondBookNarrow_normal_condensed.woff2)
format('woff2'),
url(/fonts/itcgaramond/ITCGaramondBookNarrow_normal_condensed.woff)
format('woff');
}
@font-face {
font-display: fallback;
font-family: Gotham;
font-style: normal;
font-weight: 900;
src:
url(/fonts/gotham/gotham-black-webfont.woff2) format('woff2'),
url(/fonts/gotham/gotham-black-webfont.woff) format('woff');
}
@font-face {
font-display: fallback;
font-family: Gotham;
font-style: normal;
font-weight: 700;
src:
url(/fonts/gotham/gotham-bold-webfont.woff2) format('woff2'),
url(/fonts/gotham/gotham-bold-webfont.woff) format('woff');
}
@font-face {
font-display: fallback;
font-family: 'Neue Haas Grotesk Display Pro';
font-style: normal;
font-weight: 400;
src:
url(/fonts/grotesk/NeueHaasGroteskDisplay55Roman_normal_normal.woff2)
format('woff2'),
url(/fonts/grotesk/NeueHaasGroteskDisplay55Roman_normal_normal.woff)
format('woff');
}
@font-face {
font-display: fallback;
font-family: 'Neue Haas Grotesk Display Pro';
font-style: normal;
font-weight: 500;
src:
url(/fonts/grotesk/NeueHaasGroteskDisplay65Medium_normal_normal.woff2)
format('woff2'),
url(/fonts/grotesk/NeueHaasGroteskDisplay65Medium_normal_normal.woff)
format('woff');
}
@font-face {
font-display: fallback;
font-family: 'Prumo text';
font-style: normal;
font-weight: 300;
src:
url(/fonts/prumo/prumotext-light-webfont.woff2) format('woff2'),
url(/fonts/prumo/PrumoText-Light.woff) format('woff');
}
@font-face {
font-display: fallback;
font-family: 'Canela Deck';
font-style: normal;
font-weight: 900;
src: url(/fonts/canela-deck/CanelaDeck-Black.otf) format('opentype');
}
@font-face {
font-display: fallback;
font-family: 'Canela Deck';
font-style: italic;
font-weight: 900;
src: url(/fonts/canela-deck/CanelaDeck-BlackItalic.otf) format('opentype');
}
@font-face {
font-display: fallback;
font-family: 'Canela Deck';
font-style: normal;
font-weight: 700;
src: url(/fonts/canela-deck/CanelaDeck-Bold.otf) format('opentype');
}
@font-face {
font-display: fallback;
font-family: 'Canela Deck';
font-style: italic;
font-weight: 700;
src: url(/fonts/canela-deck/CanelaDeck-BoldItalic.otf) format('opentype');
}
@font-face {
font-display: fallback;
font-family: 'Canela Deck';
font-style: normal;
font-weight: 300;
src: url(/fonts/canela-deck/CanelaDeck-Light.otf) format('opentype');
}
@font-face {
font-display: fallback;
font-family: 'Canela Deck';
font-style: italic;
font-weight: 300;
src: url(/fonts/canela-deck/CanelaDeck-LightItalic.otf) format('opentype');
}
@font-face {
font-display: fallback;
font-family: 'Canela Deck';
font-style: normal;
font-weight: 500;
src: url(/fonts/canela-deck/CanelaDeck-Medium.otf) format('opentype');
}
@font-face {
font-display: fallback;
font-family: 'Canela Deck';
font-style: italic;
font-weight: 500;
src: url(/fonts/canela-deck/CanelaDeck-MediumItalic.otf) format('opentype');
}
@font-face {
font-display: fallback;
font-family: 'Canela Deck';
font-style: normal;
font-weight: 400;
src: url(/fonts/canela-deck/CanelaDeck-Regular.otf) format('opentype');
}
@font-face {
font-display: fallback;
font-family: 'Canela Deck';
font-style: italic;
font-weight: 400;
src: url(/fonts/canela-deck/CanelaDeck-RegularItalic.otf) format('opentype');
}
@font-face {
font-display: fallback;
font-family: 'Canela Deck';
font-style: normal;
font-weight: 200;
src: url(/fonts/canela-deck/CanelaDeck-Thin.otf) format('opentype');
}
@font-face {
font-display: fallback;
font-family: 'Canela Deck';
font-style: italic;
font-weight: 200;
src: url(/fonts/canela-deck/CanelaDeck-ThinItalic.otf) format('opentype');
}