General
Colors
Light theme
Theme colors
bg-primary
bg-primary-subtle
text-primary
text-primary-emphasis
bg-success
bg-success-subtle
text-success
text-success-emphasis
bg-danger
bg-danger-subtle
text-danger
text-danger-emphasis
bg-primary
bg-primary-subtle
text-primary
text-primary-emphasis
bg-success
bg-success-subtle
text-success
text-success-emphasis
bg-danger
bg-danger-subtle
text-danger
text-danger-emphasis
Typography
display-1
Display 1
Display 2
Display 3
Display 4
Display 5
Display 6
<h1>
Hello heading 1
Hello heading 2
Hello heading 3
Hello heading 4
Hello heading 5
Hello heading 6
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis numquam doloremque consequatur aliquid at consequuntur, tempora exercitationem tempore ea nihil. This is a link. Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis numquam doloremque consequatur aliquid at consequuntur, tempora exercitationem tempore ea nihil.
<p class="lead">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Hic, at?
Spacing
1
2
3
4
5
6
7
8
Components
Avatars
Badges
Cards
Buttons
btn-{size}
btn-{color}
disabled
lift and shadow-{color}
bg-gradient
btn-outline-{color}
disabled
subtle
socials-{name}
btn-icon
Shadows
Shapes
components/_shapes.scss
Curve horizontal 1
Curve horizontal 2
Curve horizontal 3
Angle horizontal 1
Wave horizontal 2
Wave horizontal 1
Straight horizontal 1
Curve vertical
Curve vertical