Design system - Class names
Use "md:" and "lg:" prefix for tablet and desktop sizes
text-heading-lg
Example content with text-heading-lg
text-heading-lg-mobile
Example content with text-heading-lg-mobile
text-heading
Example content with text-heading
text-heading-mobile
Example content with text-heading-mobile
text-heading-sm
Example content with text-heading-sm
text-heading-sm-mobile
Example content with text-heading-sm-mobile
text-heading-xs-mobile
Example content with text-heading-xs-mobile
text-body-lg
Example content with text-body-lg
text-body
Example content with text-body
text-body-sm
Example content with text-body-sm
text-body-xs
Example content with text-body-xs
font-bold
Example content with font-bold
underline
Example content with underline
m-0
Example content with m-0
m-2
Example content with m-2
m-4
Example content with m-4
m-8
Example content with m-8
m-16
Example content with m-16
mt-0
Example content with mt-0
mt-2
Example content with mt-2
mt-4
Example content with mt-4
mt-8
Example content with mt-8
mt-16
Example content with mt-16
mb-0
Example content with mb-0
mb-2
Example content with mb-2
mb-4
Example content with mb-4
mb-8
Example content with mb-8
mb-16
Example content with mb-16
ml-0
Example content with ml-0
ml-2
Example content with ml-2
ml-4
Example content with ml-4
ml-8
Example content with ml-8
ml-16
Example content with ml-16
mr-0
Example content with mr-0
mr-2
Example content with mr-2
mr-4
Example content with mr-4
mr-8
Example content with mr-8
mr-16
Example content with mr-16
text-green
Example content with text-green
text-green-light
Example content with text-green-light
text-green-dark
Example content with text-green-dark
text-gray
Example content with text-gray
text-gray-light
Example content with text-gray-light
text-gray-dark
Example content with text-gray-dark
text-black
Example content with text-black
text-black-light
Example content with text-black-light
text-white
Example content with text-white
bg-green
Example content with bg-green
bg-green-light
Example content with bg-green-light
bg-green-dark
Example content with bg-green-dark
bg-gray
Example content with bg-gray
bg-gray-light
Example content with bg-gray-light
bg-gray-dark
Example content with bg-gray-dark
bg-black
Example content with bg-black
bg-black-light
Example content with bg-black-light
bg-white
Example content with bg-white