Scalable design system based on BEM
Animations
click here
Fade In / Fade Out
mods: { 'fade': 'in' } / mods: { 'fade': 'out' }
click here
From top to bottom
mods: { 'from': 'top' } / mods: { 'to': 'bottom' }
click here
From bottom to top
mods: { 'from': 'bottom' } / mods: { 'to': 'top' }
click here
From right to left
mods: { 'from': 'right' } / mods: { 'to': 'left' }
click here
From left to right
mods: { 'from': 'left' } / mods: { 'to': 'right' }
Shake
mods: { shake: 'horizontal' } / mods: { shake: 'radial' }