# presentation/tokens/viewport.tokens.css

> 18 lines of code and 0 definitions.

Tree: Site tree
Language: css
Layer: product
Canonical: https://banes-lab.com/anatomy/tree#file-presentation-tokens-viewport-tokens-css
Source text: https://banes-lab.com/source/tree/presentation/tokens/viewport.tokens.css.txt

Listed in [presentation/tokens](https://banes-lab.com/api/source/tree/presentation/tokens.md), after [presentation/tokens/tab.tokens.css](https://banes-lab.com/source/tree/presentation/tokens/tab.tokens.css.md) and before [presentation/tokens/walk.tokens.css](https://banes-lab.com/source/tree/presentation/tokens/walk.tokens.css.md).

## Source

```css
:root {
    --font-input: 1rem;
    --touch-target-dense: 1.5rem;
    --touch-target-min: 2.75rem;
    --vh: 1svh;
    --viewport-full: 100dvh;
}

@media (width < 40rem) {
    :root {
        --font-lg: 0.94rem;
        --font-md: 0.85rem;
        --font-prose: 1rem;
        --font-regular: 0.9rem;
        --font-sm: 0.8rem;
        --font-xl: 0.97rem;
        --font-xs: 0.75rem;
    }
}
```