Typography Sizes
Defaultsizes
p paragraph size
h6 heading size
h5 heading size
h4 heading size
h3 heading size
h2 heading size
h1 heading size
Classsizes
To change the default size you can use the class .text-[size]
p paragraph with the class .text-xs
p paragraph with the class .text-sm
p paragraph with the class .text-md
p paragraph with the class .text-lg
p paragraph with the class .text-xl
Typography Colors
Add the class .color-[name]
Basiccolors
Heading with color Success
paragraph with color Success
Heading with color Warning
paragraph with color Warning
Heading with color Danger
paragraph with color Danger
Heading with color Info
paragraph with color Info
Primarycolors
Heading with color Darker-1
paragraph with color Darker-1
Heading with color Primary
paragraph with color Primary
Heading with color Lighter-1
paragraph with color Lighter-1
Ligth & Darkcolors
Heading with color Dark
paragraph with color Dark
Heading with color Muted
paragraph with color Muted
Heading with color Light
paragraph with color Light
Typography Feature
Alignmentsof the text
Lorem ipsum dolor sit amet .text-left
Lorem ipsum dolor sit amet .text-center
Lorem ipsum dolor sit amet .text-right
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad, asperiores delectus, earum eum explicabo facilis id incidunt iusto molestias nihil pariatur quis ratione vero! Assumenda expedita fugiat quaerat quos sunt. .text-justift
Stylesof the text
Lorem ipsum dolor sit amet .text-bold
Lorem ipsum dolor sit amet .text-italic
Lorem ipsum dolor sit amet .text-capitalize
Lorem ipsum dolor sit amet .text-uppercase
Lorem ipsum dolor sit amet .text-lowercase
Blockquotes
Basicblockquote
Wrap the quote with the tag <blockquote>to use the basic structure
"I learned life and death are always so mixed up together, in the same way some beginnings are endings, and some endings become beginnings."
Capheus, Sense8
Right sideblockquote
Add the class blockquote-reverse
"It’s not the drugs that make a drug addict, it’s the need to escape reality."
Riley Blue, Sense8
Border Widthblockquote
Remove or change the width of the border with the class .b-[size]
"The past is done with us the moment we are done with it."
Sun Bak, Sense8 .b-none
"He is my brother. Not by something as accidental as blood. By something much stronger. By choice."
Wolfgang Bogdanow, Sense8 .bl-xs
"There’s a huge difference between what we work for and what we live for."
Nomi Marks, Sense8 .bl-sm
"It’s obedience, not resistance. That’s the glue of every country, every army, every religion in the world."
Felix, Sense8 .bl-md
"All beauty is temporary. Decay and death haunt every breath we take."
Lito Rodriguez, Sense8 .bl-lg
"Death doesn’t let you say goodbye. It just carves holes in your life, in your future, in your heart."
Riley Blue, Sense8 .bl-xl
Border styleblockquote
Set the border rounded width .b-rounded
"This is what life is. Fear, rage, desire... love. To stop feeling emotions, to stop wanting to feel them, is to feel death."
Sun Bak, Sense8
Border colorsblockquote
Set the border color with the class .b-[color]
"Blockquote default border color"
"Blockquote with the class .b-success"
"Blockquote with the class .b-warning"
"Blockquote with the class .b-danger"
"Blockquote with the class .b-info"
"Blockquote with the class .b-darker-1"
"Blockquote with the class .b-primary"
"Blockquote with the class .b-lighter-1"
