Skip to content

CSS: layout

.--display-flex — Narzędzia do wyświetlania i wyrównania tekstu — .--display-<value> i .--text-align-<value> — jako kompozycyjne, globalne klasy, używalne samodzielnie lub łączone z dowolnym komponentem.

Source: index.ts

Użycie

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

Przykłady

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

Modyfikatory

ModyfikatorOpis
.--display-flexUstawia display: flex.
.--display-*Narzędzia wyświetlania: block, inline-block, inline, flex, inline-flex oraz none.
.--text-align-*Narzędzia wyrównania tekstu: start, center, end oraz justify.