CSS: layout ​

.--display-flex — pripomočki za prikaz in poravnavo besedila — .--display-<value> in .--text-align-<value> — kot sestavljivi, globalni razredi, uporabni sami ali združeni na katerikršnikoli komponenti.

Source: index.ts

Uporaba ​

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

Primeri ​

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

Spremenljivke (modifikatorji) ​

ModifikatorOpis
.--display-flexNastavi display: flex.
.--display-*Pripomočki za prikaz: block, inline-block, inline, flex, inline-flex in none.
.--text-align-*Pripomočki za poravnavo besedila: start, center, end in justify.