wide theme; grid class

[mbostock]

Adds grid class to the default.css so they are always available. Adds a wide theme to disable the default max-width styles applied in layout.css. Also applies any themes after the default styles so they can override them (as order matters in CSS). Ref. https://github.com/observablehq/cli/pull/448/files#r1444067429.

---
theme: [auto, wide]
toc: false
---

# Grid test

```js
import {resize} from "npm:@observablehq/dash";
```

<div class="grid grid-cols-2">
  <div>${resize((width) => Plot.lineY(aapl, {x: "Date", y: "Close"}).plot({width}))}</div>
  <div>${resize((width) => Plot.lineY(aapl, {x: "Date", y: "Close"}).plot({width}))}</div>
</div>

[mbostock]

This is a bit opinionated… not sure what we want here yet.

[mbostock]

Latest commit adds some -alt themes that swap background and background-alt.

The auto-alt theme combines light-alt and dark. (Though perhaps we might switch it to light-alt and dark-alt.)

[Fil]

Yes, having auto-alt switch to both light-alt and dark-alt seems better— and at the very least easier to remember!