Classes

Colors
- .c-green
- .c-red
- .c-blue
- .c-white
- .c-black
- .c-yellow
Backgound colors
- .bg-green
- .bg-red
- .bg-blue
- .bg-white
- .bg-black
- .bg-yellow
Buttons
- .btn
- .btn-1
- .btn-2
- .btn-3
- .btn-4
- .btn-5
- .btn-6
- .btn-success
- .btn-warning
- .btn-danger
Badges
- .b-black"
- .b-blue
- .b-green"
- .b-red
- b-yellow
- b-silver
Buttons sizes
- .btn-small
- .btn-medium
- .btn-large
Text sizes
- .text-small
- .text-medium
- .text-large
- .text-huge
Borders
- .border
- .border-1
- .border-2
- .border-3
Rounded Elements
- .rounded
- .rounded-1
- .rounded-2
- .rounded-3
Shadows
- .shadow
- .shadow-1
- .shadow-2
- .shadow-3
Header/nav
- .nav
- .nav-brand
- .sb (space between elements)
- .sa (space around elements)
- .nav-center
- .nav-end (group element at the right)
- .fixed-top
- .sticky-top
Font weight / Underlined
- .text-light
- .text-bold
- .underlined
Opacity
- .opac
- .opac-1
- .opac-2
Text containers
- .text-container
Stack/Center elements
- .stacked
- .stacked-center
- .text-center
- .center-children
- .center
Margins
- .m-* (margin)
- .mr-* (margin-right)
- .ml-* (margin-left)
- .mb-* (margin-bottom)
- .mt-* (margin-top)
*(levels (1,2,3)) example: ml-2 or m-1
Paddings
- .p-* (padding)
- .pr-* (padding-right)
- .pl-* (padding-left)
- .pb-* (padding-bottom)
- .pt-* (padding-top)
*(levels (1,2,3)) example: pl-2 or p-1
Width
- .w-1
- .w-2
- .w-3
- .w-max
Light/Dark
- .light
- .dark
Tables
- .tab
Forms
- .r-form
- .input-text
Cards
- .r-card
- .btn-group