Pārplūde

Izmantojiet šīs saīsinātās utilītas, lai ātri konfigurētu, kā saturs pārpilda elementu.

Pielāgojiet overflowīpašumu, izmantojot četras noklusējuma vērtības un klases. Šīs klases pēc noklusējuma nereaģē.

Šis ir piemērs izmantošanai .overflow-autoelementā ar iestatītajiem platuma un augstuma izmēriem. Pēc dizaina šis saturs tiks ritināts vertikāli.

Šis ir piemērs izmantošanai .overflow-hiddenelementā ar iestatītajiem platuma un augstuma izmēriem.

Šis ir piemērs izmantošanai .overflow-visibleelementā ar iestatītajiem platuma un augstuma izmēriem.

Šis ir piemērs izmantošanai .overflow-scrollelementā ar iestatītajiem platuma un augstuma izmēriem.

<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>

Izmantojot Sass mainīgos, varat pielāgot pārpildes utilītas, mainot $overflowsmainīgo _variables.scss.

Sass

Utilities API

Pārpildes utilītas ir deklarētas mūsu utilītu API scss/_utilities.scss. Uzziniet, kā izmantot utilītu API.

    "overflow": (
      property: overflow,
      values: auto hidden visible scroll,
    ),