CSS: layout

.--display-flex — Anzeige- und Textausrichtungs-Dienstprogramme — .--display-<value> und .--text-align-<value> — als komponierbare, globale Klassen, einzeln verwendbar oder an jede Komponente angehängt.

Source: index.ts

Verwendung

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

Beispiele

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

Modifikatoren

Modifikator	Beschreibung
.--display-flex	Setzt display: flex.
.--display-*	Anzeige-Dienstprogramme: block, inline-block, inline, flex, inline-flex und none.
.--text-align-*	Textausrichtungs-Dienstprogramme: start, center, end und justify.