---
url: /api/css/breakpoints.md
---
# CSS: breakpoints

`.breakpoints` — Extra-small viewport width for phone-sized previews.

## Usage

@import "@pantoken/plugin-custom-components/custom-components.css";

```css
@import "@pantoken/plugin-custom-components/custom-components.css";
```

## Custom properties

| Property | Type | Default | Description |
| --- | --- | --- | --- |
| `--instui-breakpoints-xs` | — | — | Extra-small viewport width (20em / 320px). |