A wide range of shorthand responsive padding utility classes to modify an element’s appearance.
Class | Values |
---|---|
class="pa-[value]" class="pl-[value]" class="pt-[value]" class="pb-[value]" class="pr-[value]" class="px-[value]" class="py-[value]"
|
0 / 5 / 10 / 15 / 20 ... / 100 (step of 5) |
A wide range of shorthand media query utility classes for xl, lg, md and sm sizes.
Class | Values |
---|---|
class="pa-[size]-[value]" class="pl-[size]-[value]" class="pt-[size]-[value]" class="pb-[size]-[value]" class="pr-[size]-[value]" class="px-[size]-[value]" class="py-[size]-[value]"
|
0 / 5 / 10 / 15 / 20 ... / 100 (step of 5) |
A wide range of shorthand responsive margin utility classes to modify an element’s appearance.
Class | Values |
---|---|
class="ma-[value]" class="ml-[value]" class="mt-[value]" class="mb-[value]" class="mr-[value]" class="mx-[value]" class="my-[value]"
|
0 / 5 / 10 / 15 / 20 ... / 100 (step of 5) |
A wide range of shorthand media query utility classes for xl, lg, md and sm sizes.
Class | Values |
---|---|
class="ma-[size]-[value]" class="ml-[size]-[value]" class="mt-[size]-[value]" class="mb-[size]-[value]" class="mr-[size]-[value]" class="mx-[size]-[value]" class="my-[size]-[value]"
|
0 / 5 / 10 / 15 / 20 ... / 100 (step of 5) |