85 lines
1.4 KiB
CSS
85 lines
1.4 KiB
CSS
.subtitle {
|
|
margin: var(--Spacing-x0);
|
|
padding: var(--Spacing-x0);
|
|
}
|
|
|
|
.one {
|
|
font-family: var(--typography-Subtitle-1-fontFamily);
|
|
font-size: clamp(
|
|
var(--typography-Subtitle-1-Mobile-fontSize),
|
|
0.3vw + 15px,
|
|
var(--typography-Subtitle-1-Desktop-fontSize)
|
|
);
|
|
font-weight: 500;
|
|
letter-spacing: var(--typography-Subtitle-1-letterSpacing);
|
|
line-height: var(--typography-Subtitle-1-lineHeight);
|
|
}
|
|
|
|
.two {
|
|
font-family: var(--typography-Subtitle-2-fontFamily);
|
|
font-size: clamp(
|
|
var(--typography-Subtitle-2-Mobile-fontSize),
|
|
0.3vw + 15px,
|
|
var(--typography-Subtitle-2-Desktop-fontSize)
|
|
);
|
|
font-weight: 500;
|
|
letter-spacing: var(--typography-Subtitle-2-letterSpacing);
|
|
line-height: var(--typography-Subtitle-2-lineHeight);
|
|
}
|
|
|
|
.regular {
|
|
text-transform: none;
|
|
}
|
|
|
|
.uppercase {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.capitalize {
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
|
|
.left {
|
|
text-align: left;
|
|
}
|
|
|
|
.black {
|
|
color: var(--Main-Grey-100);
|
|
}
|
|
|
|
.burgundy {
|
|
color: var(--Scandic-Brand-Burgundy);
|
|
}
|
|
|
|
.pale {
|
|
color: var(--Scandic-Brand-Pale-Peach);
|
|
}
|
|
|
|
.baseTextMediumContrast {
|
|
color: var(--Base-Text-High-contrast);
|
|
}
|
|
|
|
.uiTextHighContrast {
|
|
color: var(--UI-Text-High-contrast);
|
|
}
|
|
|
|
.uiTextMediumContrast {
|
|
color: var(--UI-Text-Medium-contrast);
|
|
}
|
|
|
|
.uiTextPlaceholder {
|
|
color: var(--UI-Text-Placeholder);
|
|
}
|
|
|
|
.red {
|
|
color: var(--Scandic-Brand-Scandic-Red);
|
|
}
|
|
|
|
.disabled {
|
|
color: var(--Base-Text-Disabled);
|
|
}
|