Utilities
Prefix | Example | Definition |
---|---|---|
f-text | f-text-32-64 | font size |
f-m | f-m-32-64 | margin |
f-mt | f-mt-32-64 | margin top |
f-mr | f-mr-32-64 | margin right |
f-mb | f-mb-32-64 | margin bottom |
f-ml | f-ml-32-64 | margin left |
f-mx | f-mx-32-64 | margin left and margin right |
f-my | f-my-32-64 | margin top and margin bottom |
f-p | f-p-32-64 | padding |
f-pt | f-pt-32-64 | padding top |
f-pr | f-pr-32-64 | padding right |
f-pb | f-pb-32-64 | padding bottom |
f-pl | f-pl-32-64 | padding left |
f-px | f-px-32-64 | padding left and padding right |
f-py | f-py-32-64 | padding top and padding bottom |
f-w | f-w-32-64 | width |
f-min-w | f-min-w-32-64 | min-width |
f-max-w | f-max-w-32-64 | max-width |
f-h | f-h-32-64 | height |
f-min-h | f-min-h-32-64 | min-height |
f-max-h | f-max-h-32-64 | max-height |
f-gap | f-gap-32-64 | gap |
f-gap-x | f-gap-x-32-64 | gap left and gap right |
f-gap-y | f-gap-y-32-64 | gap top and gap bottom |
f-intent | f-intent-32-64 | text intent |
f-leading | f-leading-32-64 | line height |
f-scroll-m | f-scroll-m-32-64 | scroll margin |
f-scroll-mt | f-scroll-mt-32-64 | scroll margin top |
f-scroll-mr | f-scroll-mr-32-64 | scroll margin right |
f-scroll-mb | f-scroll-mb-32-64 | scroll margin bottom |
f-scroll-ml | f-scroll-ml-32-64 | scroll margin left |
f-scroll-mx | f-scroll-mx-32-64 | scroll margin left and scroll margin right |
f-scroll-my | f-scroll-my-32-64 | scroll margin top and scroll margin bottom |
f-scroll-p | f-scroll-p-32-64 | scroll padding |
f-scroll-pt | f-scroll-pt-32-64 | scroll padding top |
f-scroll-pr | f-scroll-pr-32-64 | scroll padding right |
f-scroll-pb | f-scroll-pb-32-64 | scroll padding bottom |
f-scroll-pl | f-scroll-pl-32-64 | scroll padding left |
f-scroll-px | f-scroll-px-32-64 | scroll padding left and scroll padding right |
f-scroll-py | f-scroll-py-32-64 | scroll padding top and scroll padding bottom |
f-top | f-top-32-64 | top |
f-right | f-right-32-64 | right |
f-bottom | f-bottom-32-64 | bottom |
f-left | f-left-32-64 | left |
f-inset | f-inset-32-64 | inset |
f-inset-x | f-inset-x-32-64 | left and right |
f-inset-y | f-inset-y-32-64 | top and bottom |