# presentation/styles/viewport.style.css

> 51 lines of code and 0 definitions.

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

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

## Source

```css
@media (pointer: coarse) {
    input,
    select {
        font-size: var(--font-input);
    }

    .filter-box {
        font-size: var(--font-input);
    }

    .code-copy,
    .code-expand,
    .diagram-expand {
        justify-content: center;
        min-height: var(--touch-target-min);
        min-width: var(--touch-target-min);
    }

    .copy-button {
        align-items: center;
        display: inline-flex;
        justify-content: center;
        min-height: var(--touch-target-min);
        min-width: var(--touch-target-min);
    }

    .copy-all {
        right: env(safe-area-inset-right);
        top: env(safe-area-inset-top);
    }

    .site-header {
        padding-right: var(--touch-target-min);
    }

    .chip-link,
    .go,
    .block-link:any-link {
        align-items: center;
        display: inline-flex;
        min-height: var(--touch-target-dense);
    }

    .license-badges {
        align-items: center;
        min-height: var(--touch-target-dense);
    }

    .record-summary {
        min-height: var(--touch-target-dense);
        padding-block: var(--space-xs);
    }

    .tree-folder > .tree-summary,
    .tree-link,
    .filesystem-crumb,
    .filesystem-card-title {
        min-height: var(--touch-target-dense);
    }
}
```