72 lines
1.3 KiB
CSS
72 lines
1.3 KiB
CSS
.text {
|
|
display: block;
|
|
font-family: var(--typography-Script-1-fontFamily);
|
|
text-transform: none;
|
|
}
|
|
|
|
.one {
|
|
font-size: clamp(
|
|
var(--typography-Script-1-Mobile-fontSize),
|
|
1.3vw + 14px,
|
|
var(--typography-Script-1-Desktop-fontSize)
|
|
);
|
|
font-weight: var(--typography-Script-1-fontWeight);
|
|
letter-spacing: var(--typography-Script-1-letterSpacing);
|
|
line-height: var(--typography-Script-1-lineHeight);
|
|
}
|
|
|
|
.two {
|
|
font-size: clamp(
|
|
var(--typography-Script-2-Mobile-fontSize),
|
|
0.6vw + 15px,
|
|
var(--typography-Script-2-Desktop-fontSize)
|
|
);
|
|
font-weight: var(--typography-Script-2-fontWeight);
|
|
letter-spacing: var(--typography-Script-2-letterSpacing);
|
|
line-height: var(--typography-Script-2-lineHeight);
|
|
}
|
|
|
|
.tiltedSmall {
|
|
transform: rotate(-2deg);
|
|
}
|
|
|
|
.tiltedMedium {
|
|
transform: rotate(-4deg) translate(0px, -15px);
|
|
}
|
|
|
|
.tiltedLarge {
|
|
transform: rotate(-13deg) translate(0px, -15px);
|
|
}
|
|
|
|
.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);
|
|
}
|
|
|
|
.peach80 {
|
|
color: var(--Scandic-Peach-80);
|
|
}
|
|
|
|
.plosa {
|
|
color: var(--Theme-Primary-Light-On-Surface-Accent);
|
|
}
|
|
|
|
.red {
|
|
color: var(--Scandic-Brand-Scandic-Red);
|
|
}
|