visua/src/tokens/typography/_text-body.scss
2025-07-15 12:54:05 +02:00

130 lines
3.2 KiB
SCSS

@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
);