Lib: Propose a naming methodology to simply utility classes

[xak]

The helper utility classes can get verbose, can they be simplified

Detailed description

The current naming convention mostly follows this pattern ...

.namespace-prefix-property-value { property:value }

This is intended to be easy to remember since it closely matches the CSS itself but the classes can get long.

• .fd-has-padding-bottom-none
• .fd-has-grid-column-span-4
• .fd-has-nth-child-2-text-align-right
• .fd-has-display-inline-grid
• .fd-has-margin-right-small
• .fd-has-background-color-background-1
• .fd-has-margin-begin-large

How could these be abbreviated and still use an easy to remember pattern?