generated from designsystemet/design-tokens
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
4 changed files
with
550 additions
and
6 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,272 @@ | ||
/** | ||
* These files are generated from design tokens defind using Token Studio | ||
*/ | ||
|
||
@layer ds.theme.typography.unknown { | ||
[data-ds-typography="unknown"] { | ||
--ds-font-family-main: Inter; | ||
--ds-line-height-300: 1.3; | ||
--ds-line-height-500: 1.5; | ||
--ds-line-height-600: 1.6; | ||
--ds-line-height-700: 1.7; | ||
--ds-font-weight-medium: 500; | ||
--ds-font-weight-semibold: 600; | ||
--ds-font-weight-regular: 400; | ||
--ds-font-size-f-3: 0.75rem; | ||
--ds-font-size-f-2: 0.8125rem; | ||
--ds-font-size-f-1: 0.875rem; | ||
--ds-font-size-f0: 1rem; | ||
--ds-font-size-f1: 1.125rem; | ||
--ds-font-size-f2: 1.3125rem; | ||
--ds-font-size-f3: 1.5rem; | ||
--ds-font-size-f4: 1.875rem; | ||
--ds-font-size-f5: 2.25rem; | ||
--ds-font-size-f6: 3rem; | ||
--ds-font-size-f7: 3.75rem; | ||
|
||
.ds-error_message--xs { | ||
font-size: var(--ds-font-size-f-1); | ||
line-height: var(--ds-line-height-300); | ||
font-weight: var(--ds-font-weight-regular); | ||
null | ||
} | ||
|
||
.ds-error_message--sm { | ||
font-size: var(--ds-font-size-f0); | ||
line-height: var(--ds-line-height-300); | ||
font-weight: var(--ds-font-weight-regular); | ||
null | ||
} | ||
|
||
.ds-error_message--md { | ||
font-size: var(--ds-font-size-f1); | ||
line-height: var(--ds-line-height-300); | ||
font-weight: var(--ds-font-weight-regular); | ||
null | ||
} | ||
|
||
.ds-error_message--lg { | ||
font-size: var(--ds-font-size-f2); | ||
line-height: var(--ds-line-height-300); | ||
font-weight: var(--ds-font-weight-regular); | ||
null | ||
} | ||
|
||
.ds-label--xs { | ||
font-size: var(--ds-font-size-f-1); | ||
line-height: var(--ds-line-height-300); | ||
font-weight: var(--ds-font-weight-medium); | ||
null | ||
} | ||
|
||
.ds-label--sm { | ||
font-size: var(--ds-font-size-f0); | ||
line-height: var(--ds-line-height-300); | ||
font-weight: var(--ds-font-weight-medium); | ||
null | ||
} | ||
|
||
.ds-label--md { | ||
font-size: var(--ds-font-size-f1); | ||
line-height: var(--ds-line-height-300); | ||
font-weight: var(--ds-font-weight-medium); | ||
null | ||
} | ||
|
||
.ds-label--lg { | ||
font-size: var(--ds-font-size-f2); | ||
line-height: var(--ds-line-height-300); | ||
font-weight: var(--ds-font-weight-medium); | ||
null | ||
} | ||
|
||
.ds-paragraph-long--xs { | ||
font-size: var(--ds-font-size-f-2); | ||
line-height: var(--ds-line-height-700); | ||
font-weight: var(--ds-font-weight-regular); | ||
null | ||
} | ||
|
||
.ds-paragraph-long--sm { | ||
font-size: var(--ds-font-size-f-1); | ||
line-height: var(--ds-line-height-700); | ||
font-weight: var(--ds-font-weight-regular); | ||
null | ||
} | ||
|
||
.ds-paragraph-long--md { | ||
font-size: var(--ds-font-size-f0); | ||
line-height: var(--ds-line-height-700); | ||
font-weight: var(--ds-font-weight-regular); | ||
null | ||
} | ||
|
||
.ds-paragraph-long--lg { | ||
font-size: var(--ds-font-size-f1); | ||
line-height: var(--ds-line-height-700); | ||
font-weight: var(--ds-font-weight-regular); | ||
null | ||
} | ||
|
||
.ds-paragraph-short--xs { | ||
font-size: var(--ds-font-size-f-1); | ||
line-height: var(--ds-line-height-300); | ||
font-weight: var(--ds-font-weight-regular); | ||
null | ||
} | ||
|
||
.ds-paragraph-short--sm { | ||
font-size: var(--ds-font-size-f0); | ||
line-height: var(--ds-line-height-300); | ||
font-weight: var(--ds-font-weight-regular); | ||
null | ||
} | ||
|
||
.ds-paragraph-short--md { | ||
font-size: var(--ds-font-size-f1); | ||
line-height: var(--ds-line-height-300); | ||
font-weight: var(--ds-font-weight-regular); | ||
null | ||
} | ||
|
||
.ds-paragraph-short--lg { | ||
font-size: var(--ds-font-size-f2); | ||
line-height: var(--ds-line-height-300); | ||
font-weight: var(--ds-font-weight-regular); | ||
null | ||
} | ||
|
||
.ds-paragraph--xs { | ||
font-size: var(--ds-font-size-f-1); | ||
line-height: var(--ds-line-height-500); | ||
font-weight: var(--ds-font-weight-regular); | ||
null | ||
} | ||
|
||
.ds-paragraph--sm { | ||
font-size: var(--ds-font-size-f0); | ||
line-height: var(--ds-line-height-500); | ||
font-weight: var(--ds-font-weight-regular); | ||
null | ||
} | ||
|
||
.ds-paragraph--md { | ||
font-size: var(--ds-font-size-f1); | ||
line-height: var(--ds-line-height-500); | ||
font-weight: var(--ds-font-weight-regular); | ||
null | ||
} | ||
|
||
.ds-paragraph--lg { | ||
font-size: var(--ds-font-size-f2); | ||
line-height: var(--ds-line-height-500); | ||
font-weight: var(--ds-font-weight-regular); | ||
null | ||
} | ||
|
||
.ds-ingress--xs { | ||
font-size: var(--ds-font-size-f1); | ||
line-height: var(--ds-line-height-700); | ||
font-weight: var(--ds-font-weight-regular); | ||
null | ||
} | ||
|
||
.ds-ingress--sm { | ||
font-size: var(--ds-font-size-f2); | ||
line-height: var(--ds-line-height-700); | ||
font-weight: var(--ds-font-weight-regular); | ||
null | ||
} | ||
|
||
.ds-ingress--md { | ||
font-size: var(--ds-font-size-f3); | ||
line-height: var(--ds-line-height-700); | ||
font-weight: var(--ds-font-weight-regular); | ||
null | ||
} | ||
|
||
.ds-ingress--lg { | ||
font-size: var(--ds-font-size-f4); | ||
line-height: var(--ds-line-height-700); | ||
font-weight: var(--ds-font-weight-regular); | ||
null | ||
} | ||
|
||
.ds-heading--2xs { | ||
font-size: var(--ds-font-size-f1); | ||
line-height: var(--ds-line-height-300); | ||
font-weight: var(--ds-font-weight-medium); | ||
null | ||
} | ||
|
||
.ds-heading--xs { | ||
font-size: var(--ds-font-size-f2); | ||
line-height: var(--ds-line-height-300); | ||
font-weight: var(--ds-font-weight-medium); | ||
null | ||
} | ||
|
||
.ds-heading--sm { | ||
font-size: var(--ds-font-size-f3); | ||
line-height: var(--ds-line-height-300); | ||
font-weight: var(--ds-font-weight-medium); | ||
null | ||
} | ||
|
||
.ds-heading--md { | ||
font-size: var(--ds-font-size-f4); | ||
line-height: var(--ds-line-height-300); | ||
font-weight: var(--ds-font-weight-medium); | ||
null | ||
} | ||
|
||
.ds-heading--lg { | ||
font-size: var(--ds-font-size-f5); | ||
line-height: var(--ds-line-height-300); | ||
font-weight: var(--ds-font-weight-medium); | ||
null | ||
} | ||
|
||
.ds-heading--xl { | ||
font-size: var(--ds-font-size-f6); | ||
line-height: var(--ds-line-height-300); | ||
font-weight: var(--ds-font-weight-medium); | ||
null | ||
} | ||
|
||
.ds-heading--2xl { | ||
font-size: var(--ds-font-size-f7); | ||
line-height: var(--ds-line-height-300); | ||
font-weight: var(--ds-font-weight-medium); | ||
null | ||
} | ||
|
||
.ds-line-height--300 { | ||
line-height: 1.3; | ||
} | ||
|
||
.ds-line-height--500 { | ||
line-height: 1.5; | ||
} | ||
|
||
.ds-line-height--600 { | ||
line-height: 1.6; | ||
} | ||
|
||
.ds-line-height--700 { | ||
line-height: 1.7; | ||
} | ||
|
||
.ds-font-weight--medium { | ||
font-weight: 500; | ||
} | ||
|
||
.ds-font-weight--semibold { | ||
font-weight: 600; | ||
} | ||
|
||
.ds-font-weight--regular { | ||
font-weight: 400; | ||
} | ||
} | ||
} |
Oops, something went wrong.