CSS: layout

.--display-flex — Sýningar- og textajöfnunarverkfæri — .--display-<value> og .--text-align-<value> — sem samsetjanlegar, hnattrænar klasa, hægt að nota autt eða keðjaengt við hvaða íhlut sem er.

Source: index.ts

Notkun

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

Dæmi

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

Breytingar

Breyti	Lýsing
.--display-flex	Stillir display: flex.
.--display-*	Sýningarverkfæri: block, inline-block, inline, flex, inline-flex, og none.
.--text-align-*	Textajöfnunarverkfæri: start, center, end, og justify.