Pag-awas

Gamita kini nga mga shorthand utilities alang sa dali nga pag-configure kung giunsa ang pag-awas sa sulod sa usa ka elemento.

I-adjust ang overflowpropyedad sa langaw nga adunay upat ka default nga mga kantidad ug mga klase. Kini nga mga klase dili mosanong pinaagi sa default.

Kini usa ka pananglitan sa paggamit .overflow-autosa usa ka elemento nga adunay gitakda nga gilapdon ug gitas-on nga mga sukat. Pinaagi sa laraw, kini nga sulud mag-scroll nga patindog.

Kini usa ka pananglitan sa paggamit .overflow-hiddensa usa ka elemento nga adunay gitakda nga gilapdon ug gitas-on nga mga sukat.

Kini usa ka pananglitan sa paggamit .overflow-visiblesa usa ka elemento nga adunay gitakda nga gilapdon ug gitas-on nga mga sukat.

Kini usa ka pananglitan sa paggamit .overflow-scrollsa usa ka elemento nga adunay gitakda nga gilapdon ug gitas-on nga mga sukat.

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

Gamit ang Sass variables, mahimo nimong ipasibo ang mga overflow utilities pinaagi sa pagbag-o sa $overflowsvariable sa _variables.scss.

Sass

Utilities API

Ang mga nag-awas nga mga utilities gideklarar sa among mga utilities API sa scss/_utilities.scss. Pagkat-on unsaon paggamit ang mga utilities API.

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