CSS: layout ​

.--display-flex — weergave- en tekstuitlijning-hulpprogramma's — .--display-<value> en .--text-align-<value> — als composeerbare, globale klassen, los te gebruiken of gekoppeld aan elk component.

Source: index.ts

Gebruik ​

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

Voorbeelden ​

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

Modifiers ​

ModifierBeschrijving
.--display-flexStelt display: flex in.
.--display-*Weergave-hulpprogramma's: block, inline-block, inline, flex, inline-flex en none.
.--text-align-*Tekstuitlijning-hulpprogramma's: start, center, end en justify.