CSS: responsive
.instui-hidden-max-md — Reszponzív láthatóság: .instui-hidden-max-<bp> / -hidden-min-<bp> elrejtve nézőport szélessége alapján; a -cq- változatok helyette egy .instui-container ős szélességéhez reagálnak. Kitörési pontok sm/md/lg/xl.
Forrás: responsive.ts
Használat
css
@import "@pantoken/components/utilities.css";Példák
html
<div class="instui-hidden-max-sm">Hidden at or below the small breakpoint.</div>Hidden at or below the small breakpoint.
Feltételek
| Típus | Lekérdezés | Leírás |
|---|---|---|
| media | (max-width: 30rem) | — |
| media | (min-width: 30rem) | — |
| media | (max-width: 48rem) | — |
| media | (min-width: 48rem) | — |
| media | (max-width: 64rem) | — |
| media | (min-width: 64rem) | — |
| media | (max-width: 80rem) | — |
| media | (min-width: 80rem) | — |
| container | (max-width: 30rem) | — |
| container | (min-width: 30rem) | — |
| container | (max-width: 48rem) | — |
| container | (min-width: 48rem) | — |
| container | (max-width: 64rem) | — |
| container | (min-width: 64rem) | — |
| container | (max-width: 80rem) | — |
| container | (min-width: 80rem) | — |