scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
d0546926a9b2cbc912a782ada59476fcab5fce63
web/packages/design-system/lib/components/Typography/typography.module.css
Matilda Landström 9328dbcf01 Merged in fix/SW-1561-title-color (pull request #2554) 
Fix/SW-1561: Hotel page UI small fixes

* fix(SW-1561): change text color to default black

* fix(SW-1561): fix typo


Approved-by: Chuma Mcphoy (We Ahead)
2025-07-11 12:46:59 +00:00

248 lines
7.6 KiB
CSS
Raw Blame History

.Title-lg {
font-family: var(--Title-lg-Font-family), var(--Title-lg-Font-fallback);
font-size: var(--Title-lg-Size);
font-weight: var(--Title-lg-Font-weight);
letter-spacing: var(--Title-lg-Letter-spacing);
text-transform: var(--Title-lg-Text-Transform);
line-height: 1;
text-decoration: none;
}
.Title-md {
font-family: var(--Title-md-Font-family), var(--Title-md-Font-fallback);
font-size: var(--Title-md-Size);
font-weight: var(--Title-md-Font-weight);
letter-spacing: var(--Title-md-Letter-spacing);
text-transform: var(--Title-md-Text-Transform);
line-height: 1.1;
text-decoration: none;
}
.Title-mdLowCase {
font-family:
var(--Title-md-LowCase-Font-family), var(--Title-md-LowCase-Font-fallback);
font-size: var(--Title-md-Size);
font-weight: var(--Title-md-LowCase-Font-weight);
letter-spacing: var(--Title-md-LowCase-Letter-spacing);
text-transform: var(--Title-md-LowCase-Text-Transform);
line-height: 1.1;
text-decoration: none;
}
.Title-sm {
font-family: var(--Title-sm-Font-family), var(--Title-sm-Font-fallback);
font-size: var(--Title-sm-Size);
font-weight: var(--Title-sm-Font-weight);
letter-spacing: var(--Title-sm-Letter-spacing);
text-transform: var(--Title-sm-Text-Transform);
line-height: 1.1;
text-decoration: none;
}
.Title-smLowCase {
font-family:
var(--Title-sm-LowCase-Font-family), var(--Title-sm-LowCase-Font-fallback);
font-size: var(--Title-sm-LowCase-Size);
font-weight: var(--Title-sm-LowCase-Font-weight);
letter-spacing: var(--Title-sm-LowCase-Letter-spacing);
text-transform: var(--Title-sm-LowCase-Text-Transform);
line-height: 1.1;
text-decoration: none;
}
.Title-xs {
font-family: var(--Title-xs-Font-family), var(--Title-xs-Font-fallback);
font-size: var(--Title-xs-Size);
font-weight: var(--Title-xs-Font-weight);
letter-spacing: var(--Title-xs-Letter-spacing);
text-transform: var(--Title-xs-Text-Transform);
line-height: 1.1;
text-decoration: none;
}
.Title-Decorative-lg {
font-family:
var(--Title-Decorative-lg-Font-family),
var(--Title-Decorative-lg-Font-fallback);
font-size: var(--Title-Decorative-lg-Size);
font-weight: var(--Title-Decorative-lg-Font-weight);
letter-spacing: var(--Title-Decorative-lg-Letter-spacing);
text-transform: var(--Title-Decorative-lg-Text-Transform);
line-height: 1.1;
text-decoration: none;
}
.Title-Decorative-md {
font-family:
var(--Title-Decorative-md-Font-family),
var(--Title-Decorative-md-Font-fallback);
font-size: var(--Title-Decorative-md-Size);
font-weight: var(--Title-Decorative-md-Font-weight);
letter-spacing: var(--Title-Decorative-md-Letter-spacing);
text-transform: var(--Title-Decorative-md-Text-Transform);
line-height: 1.1;
text-decoration: none;
}
.Title-Subtitle-lg {
font-family:
var(--Title-Subtitle-lg-Font-family), var(--Title-Subtitle-lg-Font-fallback);
font-size: var(--Title-Subtitle-lg-Size);
font-weight: var(--Title-Subtitle-lg-Font-weight);
letter-spacing: var(--Title-Subtitle-lg-Letter-spacing);
text-transform: unset;
line-height: 1.2;
text-decoration: none;
}
.Title-Subtitle-md {
font-family:
var(--Title-Subtitle-md-Font-family), var(--Title-Subtitle-md-Font-fallback);
font-size: var(--Title-Subtitle-md-Size);
font-weight: var(--Title-Subtitle-md-Font-weight);
letter-spacing: var(--Title-Subtitle-md-Letter-spacing);
text-transform: unset;
line-height: 1.2;
text-decoration: none;
}
.Title-Overline-sm {
font-family:
var(--Title-Overline-sm-Font-family), var(--Title-Overline-sm-Font-fallback);
font-size: var(--Title-Overline-sm-Size);
font-weight: var(--Title-Overline-sm-Font-weight);
letter-spacing: var(--Title-Overline-sm-Letter-spacing);
text-transform: var(--Title-Overline-sm-Text-Transform);
line-height: 1.5;
text-decoration: none;
}
.Body-Lead-text {
font-family:
var(--Body-Lead-text-Font-family), var(--Body-Lead-text-Font-fallback);
font-size: var(--Body-Lead-text-Size);
font-weight: var(--Body-Lead-text-Font-weight);
letter-spacing: var(--Body-Lead-text-Letter-spacing);
text-transform: unset;
line-height: 1.5;
text-decoration: none;
}
.Body-Paragraph-mdRegular {
font-family:
var(--Body-Paragraph-Font-family), var(--Body-Paragraph-Font-fallback);
font-size: var(--Body-Paragraph-Size);
font-weight: var(--Body-Paragraph-Font-weight);
letter-spacing: var(--Body-Paragraph-Letter-spacing);
text-transform: unset;
line-height: 1.5;
text-decoration: none;
}
.Body-Paragraph-mdBold {
font-family:
var(--Body-Paragraph-Font-family), var(--Body-Paragraph-Font-fallback);
font-size: var(--Body-Paragraph-Size);
font-weight: var(--Body-Paragraph-Font-weight-2);
letter-spacing: var(--Body-Paragraph-Letter-spacing);
text-transform: unset;
line-height: 1.5;
text-decoration: none;
}
.Body-Supporting-text-caption-smRegular {
font-family:
var(--Body-Supporting-text-Font-family),
var(--Body-Supporting-text-Font-fallback);
font-size: var(--Body-Supporting-text-Size);
font-weight: var(--Body-Supporting-text-Font-weight);
letter-spacing: var(--Body-Supporting-text-Letter-spacing);
text-transform: unset;
line-height: 1.4;
text-decoration: none;
}
.Body-Supporting-text-caption-smBold {
font-family:
var(--Body-Supporting-text-Font-family),
var(--Body-Supporting-text-Font-fallback);
font-size: var(--Body-Supporting-text-Size);
font-weight: var(--Body-Supporting-text-Font-weight-2);
letter-spacing: var(--Body-Supporting-text-Letter-spacing);
text-transform: unset;
line-height: 1.4;
text-decoration: none;
}
.Body-Underline-md {
font-family:
var(--Body-Underline-md-Font-family), var(--Body-Underline-md-Font-fallback);
font-size: var(--Body-Underline-md-Size);
font-weight: var(--Body-Underline-md-Font-weight);
letter-spacing: var(--Body-Underline-md-Letter-spacing);
text-transform: unset;
line-height: 1.5;
text-decoration: underline;
}
.Body-Underline-sm {
font-family:
var(--Body-Underline-sm-Font-family), var(--Body-Underline-sm-Font-fallback);
font-size: var(--Body-Underline-sm-Size);
font-weight: var(--Body-Underline-sm-Font-weight);
letter-spacing: var(--Body-Underline-sm-Letter-spacing);
text-transform: unset;
line-height: 1.4;
text-decoration: underline;
}
.Tag-sm {
font-family: var(--Tag-Font-family), var(--Tag-Font-fallback);
font-size: var(--Tag-Size);
font-weight: var(--Tag-Font-weight);
letter-spacing: var(--Tag-Letter-spacing);
text-transform: var(--Tag-Text-Transform);
line-height: 1.5;
text-decoration: none;
}
.Link-md {
font-family: var(--Link-md-Font-family), var(--Link-md-Font-fallback);
font-size: var(--Link-md-Size);
font-weight: var(--Link-md-Font-weight);
letter-spacing: var(--Link-md-Letter-spacing);
text-transform: unset;
line-height: 1.5;
text-decoration: underline;
}
.Link-sm {
font-family: var(--Link-sm-Font-family), var(--Link-sm-Font-fallback);
font-size: var(--Link-sm-Size);
font-weight: var(--Link-sm-Font-weight);
letter-spacing: var(--Link-sm-Letter-spacing);
text-transform: unset;
line-height: 1.4;
text-decoration: underline;
}
.Label-xsRegular {
font-family: var(--Label-Font-family), var(--Label-Font-fallback);
font-size: var(--Label-Size);
font-weight: var(--Label-Font-weight);
letter-spacing: var(--Label-Letter-spacing);
text-transform: unset;
line-height: 1.5;
text-decoration: none;
}
.Label-xsBold {
font-family: var(--Label-Font-family), var(--Label-Font-fallback);
font-size: var(--Label-Size);
font-weight: var(--Label-Font-weight-2);
letter-spacing: var(--Label-Letter-spacing);
text-transform: unset;
line-height: 1.5;
text-decoration: none;
}
Reference in New Issue View Git Blame Copy Permalink