Skip to content

CSS: overflow

.--overflow-x-hiddenoverflow-x/overflow-y 作為可組合的全域類別 — .--overflow-x-<value> / .--overflow-y-<value> — 可單獨使用或串接於任何元件。

Source: index.ts

使用方法

css
@import "@pantoken/components/utilities.css";

範例

html
<div class="--overflow-y-auto">…</div>

修飾器

修飾器說明
.--overflow-x-autooverflow-x: auto.
.--overflow-x-clipoverflow-x: clip.
.--overflow-x-hiddenoverflow-x: hidden.
.--overflow-x-scrolloverflow-x: scroll.
.--overflow-x-visibleoverflow-x: visible.
.--overflow-y-autooverflow-y: auto.
.--overflow-y-clipoverflow-y: clip.
.--overflow-y-hiddenoverflow-y: hidden.
.--overflow-y-scrolloverflow-y: scroll.
.--overflow-y-visibleoverflow-y: visible.