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
packages/design-system/lib/styles/impl.css
+38
View File
@@ -0,0 +1,38 @@
:root {
--Impl-Text-size-5xs: var(--Size-200-12);
--Impl-Text-size-4xs: var(--Size-250-14);
--Impl-Text-size-3xs: var(--Size-300-16);
--Impl-Text-size-2xs: var(--Size-300-16);
--Impl-Text-size-xs: var(--Size-350-18);
--Impl-Text-size-sm: var(--Size-400-20);
--Impl-Text-size-md: var(--Size-400-20);
--Impl-Text-size-lg: var(--Size-500-24);
--Impl-Text-size-xl: var(--Size-500-24);
--Impl-Text-size-2xl: 30px;
--Impl-Text-size-4xl: var(--Size-800-36);
}
@media screen and (min-width: 768px) {
/* Tablet */
:root {
--Impl-Text-size-xs: 19px;
--Impl-Text-size-sm: 22px;
--Impl-Text-size-lg: var(--Size-550-26);
--Impl-Text-size-xl: 29px;
--Impl-Text-size-2xl: 34px;
--Impl-Text-size-4xl: 44px;
}
}
@media screen and (min-width: 1367px) {
/* Desktop */
:root {
--Impl-Text-size-2xs: var(--Size-350-18);
--Impl-Text-size-xs: var(--Size-400-20);
--Impl-Text-size-sm: var(--Size-500-24);
--Impl-Text-size-lg: var(--Size-600-28);
--Impl-Text-size-xl: var(--Size-700-32);
--Impl-Text-size-2xl: var(--Size-800-36);
--Impl-Text-size-4xl: var(--Size-1100-48);
}
}