Color use
To adjust stylings for tablet or mobile screen only please read this first.
Text color
text-dark-100
default
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-dark-80
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-dark-60
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-dark-40
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-dark-20
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-error
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-success
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-alert
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-grey
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-grey-dark
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-white
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-red-100
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-purple-100
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-yellow-100
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-green-100
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-light-blue-100
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-dark-blue-100
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
Background color
bg-red-100
bg-red-80
bg-red-40
bg-purple-100
bg-purple-80
bg-purple-40
bg-yellow-100
bg-yellow-80
bg-yellow-40
bg-green-100
bg-green-80
bg-green-40
bg-light-blue-100
bg-light-blue-80
bg-light-blue-40
bg-dark-blue-100
bg-dark-blue-80
bg-dark-blue-40
bg-dark-100
bg-dark-80
bg-dark-60
bg-dark-40
bg-dark-20
bg-grey
bg-grey-light
bg-white
bg-error
bg-success
bg-alert
Shadows
shadow-XL
shadow-L
shadow-M
shadow-S
shadow-XS
shadow-XXS
Opacity
opacity-100
opacity-90
opacity-80
opacity-70
opacity-60
opacity-50
opacity-40
opacity-30
opacity-20
opacity-10
opacity-0