Cellule-financiere-transverse-PMO/visua
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 Add typography tokens

Browse Source
This commit is contained in:
GOMA 2025-07-15 12:54:05 +02:00
parent 00ad8efa20
commit 71aee8d7e1
4 changed files with 254 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/tokens/typography/_alternative-body-text.scss Normal file
View File

@ -0,0 +1,53 @@
@use '../../base/fonts/font-family' as family;
@use '../../base/fonts/font-height' as height;
@use '../../base/fonts/font-size' as size;
@use '../../base/fonts/font-weight' as weight;
$LG-article-text-Regular: (
"family": family.$alt-font,
"size": size.$type-scale-20,
"weight": weight.$font-weight-regular,
"line-height": height.$line-height-8v
);
$LG-article-text-Bold: (
"family": family.$alt-font,
"size": size.$type-scale-20,
"weight": weight.$font-weight-xx-bold,
"line-height": height.$line-height-8v
);
$MD-article-text-Regular: (
"family": family.$alt-font,
"size": size.$type-scale-16,
"weight": weight.$font-weight-regular,
"line-height": height.$line-height-6v
);
$MD-article-text-Bold: (
"family": family.$alt-font,
"size": size.$type-scale-16,
"weight": weight.$font-weight-xx-bold,
"line-height": height.$line-height-6v
);
$SM-article-text-Regular: (
"family": family.$alt-font,
"size": size.$type-scale-14,
"weight": weight.$font-weight-regular,
"line-height": height.$line-height-6v
);
$SM-article-text-Bold: (
"family": family.$alt-font,
"size": size.$type-scale-14,
"weight": weight.$font-weight-xx-bold,
"line-height": height.$line-height-6v
);
$XS-article-text-Regular: (
"family": family.$alt-font,
"size": size.$type-scale-12,
"weight": weight.$font-weight-regular,
"line-height": height.$line-height-4v
);

33
src/tokens/typography/_alternative-titles.scss Normal file
View File

@ -0,0 +1,33 @@
@use '../../base/fonts/font-height' as height;
@use '../../base/fonts/font-size' as size;
@use '../../base/fonts/font-weight' as weight;
$XL: (
"size": size.$type-scale-80,
"weight": weight.$font-weight-bold,
"line-height": height.$line-height-22v
);
$LG: (
"size": size.$type-scale-72,
"weight": weight.$font-weight-regular,
"line-height": height.$line-height-20v
);
$MD: (
"size": size.$type-scale-64,
"weight": weight.$font-weight-bold,
"line-height": height.$line-height-18v
);
$SM: (
"size": size.$type-scale-56,
"weight": weight.$font-weight-bold,
"line-height": height.$line-height-16v
);
$XS: (
"size": size.$type-scale-48,
"weight": weight.$font-weight-bold,
"line-height": height.$line-height-14v
);

129
src/tokens/typography/_text-body.scss Normal file
View File

@ -0,0 +1,129 @@
@use '../../base/fonts/font-height' as height;
@use '../../base/fonts/font-size' as size;
@use '../../base/fonts/font-weight' as weight;
$XL-chapo-Regular:(
"size": size.$type-scale-20,
"weight": weight.$font-weight-regular,
"line-height": height.$line-height-8v
);
$XL-chapo-Bold:(
"size": size.$type-scale-20,
"weight": weight.$font-weight-xx-bold,
"line-height": height.$line-height-8v
);
$LG-article-text-Regular: (
"size": size.$type-scale-18,
"weight": weight.$font-weight-regular,
"line-height": height.$line-height-7v
);
$LG-article-text-Medium: (
"size": size.$type-scale-18,
"weight": weight.$font-weight-bold,
"line-height": height.$line-height-7v
);
$LG-article-text-Bold: (
"size": size.$type-scale-18,
"weight": weight.$font-weight-xx-bold,
"line-height": height.$line-height-7v
);
$MD-standard-text-Regular: (
"size": size.$type-scale-16,
"weight": weight.$font-weight-regular,
"line-height": height.$line-height-6v
);
$MD-standard-text-Medium: (
"size": size.$type-scale-16,
"weight": weight.$font-weight-bold,
"line-height": height.$line-height-6v
);
$MD-standard-text-Bold: (
"size": size.$type-scale-16,
"weight": weight.$font-weight-xx-bold,
"line-height": height.$line-height-6v
);
$MD-standard-text-Italic: (
"size": size.$type-scale-16,
"weight": weight.$font-weight-regular,
"style": italic,
"line-height": height.$line-height-6v
);
$SM-detail-text-Regular: (
"size": size.$type-scale-14,
"weight": weight.$font-weight-regular,
"line-height": height.$line-height-6v
);
$SM-detail-text-Medium: (
"size": size.$type-scale-14,
"weight": weight.$font-weight-bold,
"line-height": height.$line-height-6v
);
$SM-detail-text-Bold: (
"size": size.$type-scale-14,
"weight": weight.$font-weight-xx-bold,
"line-height": height.$line-height-6v
);
$SM-detail-text-Italic: (
"size": size.$type-scale-14,
"weight": weight.$font-weight-regular,
"style": italic,
"line-height": height.$line-height-6v
);
$SM-detail-text-Maj: (
"size": size.$type-scale-14,
"weight": weight.$font-weight-bold,
"line-height": height.$line-height-6v,
"text-transform": uppercase
);
$XS-mention-text-Regular: (
"size": size.$type-scale-12,
"weight": weight.$font-weight-regular,
"line-height": height.$line-height-4v
);
$XS-mention-text-Medium: (
"size": size.$type-scale-12,
"weight": weight.$font-weight-bold,
"line-height": height.$line-height-4v
);
$XS-mention-text-Bold: (
"size": size.$type-scale-12,
"weight": weight.$font-weight-xx-bold,
"line-height": height.$line-height-4v
);
$XS-mention-text-Italic: (
"size": size.$type-scale-12,
"weight": weight.$font-weight-regular,
"style": italic,
"line-height": height.$line-height-4v
);
$XS-mention-text-Maj: (
"size": size.$type-scale-12,
"weight": weight.$font-weight-bold,
"line-height": height.$line-height-4v
);
$XS-mention-text-Underlined: (
"size": size.$type-scale-12,
"weight": weight.$font-weight-bold,
"line-height": height.$line-height-4v,
"text-decoration": underline
);

39
src/tokens/typography/_titles.scss Normal file
View File

@ -0,0 +1,39 @@
@use '../../base/fonts/font-height' as height;
@use '../../base/fonts/font-size' as size;
@use '../../base/fonts/font-weight' as weight;
$H1-XL: (
"size": size.$type-scale-40,
"weight": weight.$font-weight-bold,
"line-height": height.$line-height-12v
);
$H2-LG: (
"size": size.$type-scale-32,
"weight": weight.$font-weight-bold,
"line-height": height.$line-height-10v
);
$H3-MD: (
"size": size.$type-scale-28,
"weight": weight.$font-weight-bold,
"line-height": height.$line-height-9v
);
$H4-SM: (
"size": size.$type-scale-24,
"weight": weight.$font-weight-bold,
"line-height": height.$line-height-8v
);
$H5-XS: (
"size": size.$type-scale-22,
"weight": weight.$font-weight-bold,
"line-height": height.$line-height-7v
);
$H6-XXS: (
"size": size.$type-scale-20,
"weight": weight.$font-weight-bold,
"line-height": height.$line-height-7v
);