CSS: overflow
.--overflow-x-hidden — overflow-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
| Modifier | Description |
|---|---|
.--overflow-x-auto | overflow-x: auto. |
.--overflow-x-clip | overflow-x: clip. |
.--overflow-x-hidden | overflow-x: hidden. |
.--overflow-x-scroll | overflow-x: scroll. |
.--overflow-x-visible | overflow-x: visible. |
.--overflow-y-auto | overflow-y: auto. |
.--overflow-y-clip | overflow-y: clip. |
.--overflow-y-hidden | overflow-y: hidden. |
.--overflow-y-scroll | overflow-y: scroll. |
.--overflow-y-visible | overflow-y: visible. |