Vinicunca Utilities
List of available fluid utility classes.
| Prefix | Example | CSS Property |
|---|---|---|
fluid-text | fluid-text-32-64 | font size |
fluid-m | fluid-m-32-64 | margin |
fluid-mt | fluid-mt-32-64 | margin top |
fluid-mr | fluid-mr-32-64 | margin right |
fluid-mb | fluid-mb-32-64 | margin bottom |
fluid-ml | fluid-ml-32-64 | margin left |
fluid-mx | fluid-mx-32-64 | margin left and margin right |
fluid-my | fluid-my-32-64 | margin top and margin bottom |
fluid-p | fluid-p-32-64 | padding |
fluid-pt | fluid-pt-32-64 | padding top |
fluid-pr | fluid-pr-32-64 | padding right |
fluid-pb | fluid-pb-32-64 | padding bottom |
fluid-pl | fluid-pl-32-64 | padding left |
fluid-px | fluid-px-32-64 | padding left and padding right |
fluid-py | fluid-py-32-64 | padding top and padding bottom |
fluid-w | fluid-w-32-64 | width |
fluid-min-w | fluid-min-w-32-64 | min-width |
fluid-max-w | fluid-max-w-32-64 | max-width |
fluid-h | fluid-h-32-64 | height |
fluid-min-h | fluid-min-h-32-64 | min-height |
fluid-max-h | fluid-max-h-32-64 | max-height |
fluid-gap | fluid-gap-32-64 | gap |
fluid-gap-x | fluid-gap-x-32-64 | gap left and gap right |
fluid-gap-y | fluid-gap-y-32-64 | gap top and gap bottom |
fluid-intent | fluid-intent-32-64 | text intent |
fluid-leading | fluid-leading-32-64 | line height |
fluid-scroll-m | fluid-scroll-m-32-64 | scroll margin |
fluid-scroll-mt | fluid-scroll-mt-32-64 | scroll margin top |
fluid-scroll-mr | fluid-scroll-mr-32-64 | scroll margin right |
fluid-scroll-mb | fluid-scroll-mb-32-64 | scroll margin bottom |
fluid-scroll-ml | fluid-scroll-ml-32-64 | scroll margin left |
fluid-scroll-mx | fluid-scroll-mx-32-64 | scroll margin left and scroll margin right |
fluid-scroll-my | fluid-scroll-my-32-64 | scroll margin top and scroll margin bottom |
fluid-scroll-p | fluid-scroll-p-32-64 | scroll padding |
fluid-scroll-pt | fluid-scroll-pt-32-64 | scroll padding top |
fluid-scroll-pr | fluid-scroll-pr-32-64 | scroll padding right |
fluid-scroll-pb | fluid-scroll-pb-32-64 | scroll padding bottom |
fluid-scroll-pl | fluid-scroll-pl-32-64 | scroll padding left |
fluid-scroll-px | fluid-scroll-px-32-64 | scroll padding left and scroll padding right |
fluid-scroll-py | fluid-scroll-py-32-64 | scroll padding top and scroll padding bottom |
fluid-top | fluid-top-32-64 | top |
fluid-right | fluid-right-32-64 | right |
fluid-bottom | fluid-bottom-32-64 | bottom |
fluid-left | fluid-left-32-64 | left |
fluid-inset | fluid-inset-32-64 | inset |
fluid-inset-x | fluid-inset-x-32-64 | left and right |
fluid-inset-y | fluid-inset-y-32-64 | top and bottom |