Пераліў

Выкарыстоўвайце гэтыя скарочаныя ўтыліты для хуткай канфігурацыі таго, як змесціва перапаўняе элемент.

Адрэгулюйце overflowўласцівасць на хаду з дапамогай чатырох значэнняў і класаў па змаўчанні. Гэтыя класы не рэагуюць па змаўчанні.

Гэта прыклад выкарыстання .overflow-autoна элеменце з зададзенымі памерамі шырыні і вышыні. Па задуме гэты кантэнт будзе пракручвацца вертыкальна.

Гэта прыклад выкарыстання .overflow-hiddenна элеменце з зададзенымі памерамі шырыні і вышыні.

Гэта прыклад выкарыстання .overflow-visibleна элеменце з зададзенымі памерамі шырыні і вышыні.

Гэта прыклад выкарыстання .overflow-scrollна элеменце з зададзенымі памерамі шырыні і вышыні.

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

Выкарыстоўваючы зменныя Sass, вы можаце наладзіць утыліты перапаўнення, змяніўшы $overflowsзменную ў _variables.scss.

Сас

API утыліт

Утыліты Overflow аб'яўлены ў нашым API утыліт у scss/_utilities.scss. Даведайцеся, як выкарыстоўваць API утыліт.

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