CSS: layout ​

.--display-flex — visnings- och textjusteringsverktyg — .--display-<value> och .--text-align-<value> — som komponerbara, globala klasser, användbara ensamma eller kedjade på vilken komponent som helst.

Source: index.ts

Användning ​

css
@import "@pantoken/components/utilities.css";

Exempel ​

html
<div class="--display-flex --text-align-center">
  <span>One</span>
  <span>Two</span>
</div>

Modifierare ​

ModifierareBeskrivning
.--display-flexStäller in display: flex.
.--display-*Visningsverktyg: block, inline-block, inline, flex, inline-flex och none.
.--text-align-*Textjusteringsverktyg: start, center, end och justify.