Nsu a ɛboro so

Fa saa shorthand utilities yi di dwuma ma nhyehyeɛ ntɛmntɛm sɛdeɛ nsɛm a ɛwɔ mu no bu element bi so.

Siesie overflowagyapade no wɔ fly no so a default values ne class ahorow anan. Saa adesua ahorow yi ntumi nyɛ ho biribi default so.

Eyi yɛ nhwɛso a wɔde di dwuma .overflow-autowɔ element bi a ɛwɔ set width ne height dimensions so. Sɛnea wɔayɛ no, saa nsɛm yi bɛkɔ soro vertically.

Eyi yɛ nhwɛso a wɔde di dwuma .overflow-hiddenwɔ element bi a ɛwɔ set width ne height dimensions so.

Eyi yɛ nhwɛso a wɔde di dwuma .overflow-visiblewɔ element bi a ɛwɔ set width ne height dimensions so.

Eyi yɛ nhwɛso a wɔde di dwuma .overflow-scrollwɔ element bi a ɛwɔ set width ne height dimensions so.

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

Sɛ wode Sass variables di dwuma a, wubetumi ayɛ overflow utilities no ho nhyehyɛe denam nsakrae no a wobɛsakra no $overflowswɔ _variables.scss.

Sass

Nneɛma a wɔde di dwuma API

Wɔabɔ Overflow utilities ho dawuru wɔ yɛn utilities API mu wɔ scss/_utilities.scss. Sua sɛnea wode utilities API no bedi dwuma.

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