Scalable design system based on BEM
Typography
Typography
mods: { size: 'xxxl' }
font-size: 32px
line-height: 42px
Typography
mods: { size: 'xxl' }
font-size: 24px
line-height: 34px
Typography
mods: { size: 'xl' }
font-size: 20px
line-height: 28px
Typography
mods: { size: 'l' }
font-size: 18px
line-height: 25px
Typography
mods: { size: 'm' }
font-size: 15px
line-height: 21px
Typography
mods: { size: 's' }
font-size: 13px
line-height: 18px
Typography
mods: { size: 'xs' }
font-size: 11px
line-height: 15px
Typography
mods: { view: 'primary' }
#000000
Typography
mods: { view: 'promo' }
rgba(0, 0, 0, 0.7)
Typography
mods: { view: 'secondary' }
rgba(0, 0, 0, 0.60)
Typography
mods: { view: 'ghost' }
rgba(0, 0, 0, 0.30)
Typography
mods: { view: 'inverse' }
#FFFFFF
Typography
mods: { view: 'income' }
#04A504
Typography
mods: { view: 'letter' }
#FF0000
Typography
mods: { view: 'disable' }
rgba(0,0,0,0.30)
mods: { view: 'link' }
#0070F0
mods: { view: 'link-minor' }
#666699
Typography
mods: { weight: 'bold' }
weight: bold
Typography
mods: { transform: 'uppercase' }
transform: uppercase
Typography
mods: { spacing: 's' }
letter-spacing: 1px
Typography
mods: { spacing: 'm' }
letter-spacing: 2px
Typography
mods: { style: 'italic' }
font-style: italic