Ɔvaflɔ

Yuz dɛn shɔthand yutiliti ya fɔ kɔnfigyut kwik kwik wan aw kɔntinyu de ɔvaflɔ wan ɛlimɛnt.

Adjɔst di overflowprɔpati pan di flay wit 4 difɔlt valyu ɛn klas dɛn. Dɛn klas ya nɔ de ansa bay difɔlt.

Dis na ɛgzampul fɔ yuz .overflow-autopan wan ɛlimɛnt wit sɛt wit ɛn ayt dimɛnshɔn. Bay dizayn, dis kɔntinyu go skrol vertikal wan.

Dis na ɛgzampul fɔ yuz .overflow-hiddenpan wan ɛlimɛnt wit sɛt wit ɛn ayt dimɛnshɔn.

Dis na ɛgzampul fɔ yuz .overflow-visiblepan wan ɛlimɛnt wit sɛt wit ɛn ayt dimɛnshɔn.

Dis na ɛgzampul fɔ yuz .overflow-scrollpan wan ɛlimɛnt wit sɛt wit ɛn ayt dimɛnshɔn.

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

Yuz Sass vɛriɔbul dɛn, yu kin kɔstɔmayz di ɔvaflɔ yutiliti dɛn bay we yu chenj di $overflowsvɛriɔbul dɛn na _variables.scss.

Sass we bin de

Yutiliti dɛn API

Ɔvaflɔ yutiliti dɛn de diklar insay wi yutiliti API insay scss/_utilities.scss. Lan aw fɔ yuz di yutiliti dɛn API.

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