In Uniform, directional utilities such as
border can be applied both horizontally and vertically, saving you from having to apply the utility twice in order to achieve a
bottom applied result.
To apply directional utilities horizontally or vertically, append
y to define direction.
<div class="px-20 my-36 border-x-1 x-20 xy-0 ...">
- 20px padding, left and right
- 36px margin, top and bottom
- 1px border-width, left and right
- 20px left and right
- 0px top, right, bottom, left
To disable, simply pass in the utility name to the
excludes setting in your configuration. The following properties have directional shorthands enabled.
@use "uniform" as * with (