Made with 🤎 by Atishay Jain

Miscellaneous

Different types of Miscellaneous classes


Miscellaneous Classes

Default Colors

.primary

.secondry

.disabled

.success

.alert

.danger

.info

.fail

Text align

.text-center

abc

.text-left

abc

.text-right

abc

Margins

Margins Top

.mt4

Margin top 0.4rem

.mt8

Margin top 0.8rem

.mt10

Margin top 1rem

.mt15

Margin top 1.5rem

Margins Left

.ml4

Margin left 0.4rem

.ml8

Margin left 0.8rem

.ml10

Margin left 1rem

.ml15

Margin left 1.5rem

Margins Right

.mr4

Margin right 0.4rem

.mr8

Margin right 0.8rem

.mr10

Margin right 1rem

.mr15

Margin right 1.5rem

Margins Bottom

.mb4

Margin bottom 0.4rem

.mb8

Margin bottom 0.8rem

.mb10

Margin bottom 1rem

.mb15

Margin bottom 1.5rem

Paddings

Padding Top

.pt4

Padding top 0.4rem

.pt8

Padding top 0.8rem

.pt10

Padding top 1rem

.pt15

Padding top 1.5rem

Paddings Left

.pl4

Padding left 0.4rem

.pl8

Padding left 0.8rem

.pl10

Padding left 1rem

.pl15

Padding left 1.5rem

Paddings Right

.pr4

Padding right 0.4rem

.pr8

Padding right 0.8rem

.pr10

Padding right 1rem

.pr15

Padding right 1.5rem

Paddings Bottom

.pb4

Padding bottom 0.4rem

.pb8

Padding bottom 0.8rem

.pb10

Padding bottom 1rem

.pb15

Padding bottom 1.5rem

Flex Box

.flex-cont

Make div flex

.flex-column

Make div flex with direction column

.flex-column-rev

Make div flex with direction column reverse

.flex-row-rev

Make div flex with direction row reverse

.flex-wrap

Makes flex wrap

.flex-100

Makes flex basis 100%

.space-btw

Justifies content as space between

.space-evenly

Justifies content as space evenly

.space-around

Justifies content as space around

.justify-left

Justifies content as flex-start

.justify-right

Justifies content as flex-right

.align-left

Align items as flex-start

.align-center

Align items as flex-center

.align-right

Align items as flex-right