This feels a little unintuitive, maybe as it doesn’t match the way CSS itself is written e.g., margin-left: 1rem, and it leads to our inset/positioning classes being e.g. u-0-top, u-0-right etc. u-top-0 seems more easily readable.
Should we change the order, for one of the upcoming major-version releases?
Our directional utility classnames have have the order:
<layer-abbreviation>-<css property>-<size/value>-<direction>
e.g.
.u-margin-m-left
This feels a little unintuitive, maybe as it doesn’t match the way CSS itself is written e.g.,
margin-left: 1rem
, and it leads to our inset/positioning classes being e.g.u-0-top
,u-0-right
etc.u-top-0
seems more easily readable.Should we change the order, for one of the upcoming major-version releases?