Skip to content

CSS: overflow

.--overflow-x-hiddenoverflow-x/overflow-y as composable, global classes — .--overflow-x-<value> / .--overflow-y-<value> — usable bare or chained onto any component.

Source: index.ts

Usage

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

Examples

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

Modifiers

ModifierDescription
.--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.