Text sizes
Style structure
⚠️ Change sizes on mobile landscape
Class
Properties
Example - change here
ks-text-xs
font-size: 0.75rem; /* 12px */
line-height: 1-; /* 16px */
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tempor est sollicitudin, tristique dolor et, dictum enim.
ks-text-sm
font-size: 0.875rem; /* 14px */
line-height: 1.4-; /* 20px */
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tempor est sollicitudin, tristique dolor et, dictum enim.
ks-text-base
font-size: 1rem; /* 16px */
line-height: 1.5-; /* 24px */
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tempor est sollicitudin, tristique dolor et, dictum enim.
ks-text-lg
font-size: 1.125rem; /* 18px */
line-height: 1.55-; /* 28px */
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tempor est sollicitudin, tristique dolor et, dictum enim.
ks-text-xl
font-size: 1.25rem; /* 20px */
line-height: 1.4-; /* 28px */
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tempor est sollicitudin, tristique dolor et, dictum enim.
ks-text-2xl
font-size: 1.5rem; /* 24px */
line-height: 1.3-; /* 32px */
Lorem ipsum dolor
ks-text-3xl
font-size: 1.875rem; /* 30px */
line-height: 1.2-; /* 36px */
Lorem ipsum dolor
ks-text-4xl
font-size: 2.25rem; /* 36px */
line-height: 1.55-; /* 40px */
Lorem ipsum
ks-text-5xl
font-size: 3rem; /* 48px */
line-height: 1
Lorem ipsum
ks-text-6xl
font-size: 3.75rem; /* 60px */
line-height: 1
Lorem ipsum
ks-text-7xl
font-size: 4.5rem; /* 72px */
line-height: 1
Lorem ipsum.
ks-text-8xl
font-size: 6rem; /* 96px */
line-height: 1
Lorem ipsum.
ks-text-9xl
font-size: 1.125rem; /* 18px */
line-height: 1.55-; /* 28px */
Lor