CSS: layout ​

.--display-flex — visnings- og tekstjusteringsværktøjer — .--display-<value> og .--text-align-<value> — som komponerbare, globale klasser, brugbare alene eller kædet på enhver komponent.

Source: index.ts

Brug ​

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

Eksempler ​

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

Modifikatorer ​

ModifikatorBeskrivelse
.--display-flexSætter display: flex.
.--display-*Visningsværktøjer: block, inline-block, inline, flex, inline-flex og none.
.--text-align-*Tekstjusteringsværktøjer: start, center, end og justify.