0.0.7 • Published 6 years ago
Monolith-Toolkit
A simple toolkit filled with css utilities.
Variables
Spacing
unit | size |
---|
$spacing-xs | 6px |
$spacing-sm | 12px |
$spacing-md | 24px |
$spacing-lg | 48px |
$spacing-xl | 72px |
Padding utilities
unit | property |
---|
pt-${spacing} | padding-top |
pr-${spacing} | padding-right |
pb-${spacing} | padding-bottom |
pl-${spacing} | padding-left |
px-${spacing} | padding-right and padding-left |
py-${spacing} | padding-top and padding-bottom |
p-${spacing} | padding |
Margin utilities
unit | property |
---|
mt-${spacing} | margin-top |
mr-${spacing} | margin-right |
mb-${spacing} | margin-bottom |
ml-${spacing} | margin-left |
mx-${spacing} | margin-right and margin-left |
my-${spacing} | margin-top and margin-bottom |
m-${spacing} | margin |