Files
vercel__next.js/examples/with-vanilla-extract/app/globalStyle.css.ts
Steven 4466ba436b chore(examples): use default prettier for examples/templates (#60530)
## Description
This PR ensures that the default prettier config is used for examples
and templates.

This config is compatible with `prettier@3` as well (upgrading prettier
is bigger change that can be a future PR).

## Changes
- Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will
be needed upgrading to prettier@3)
- Added `examples/.prettierrc.json` with default config (this will
change every example)
- Added `packages/create-next-app/templates/.prettierrc.json` with
default config (this will change every template)

## Related

- Fixes #54402
- Closes #54409
2024-01-11 16:01:44 -07:00

43 lines
941 B
TypeScript

import { globalStyle } from "@vanilla-extract/css";
globalStyle("html, body", {
height: "100%",
});
globalStyle("*, *::before, *::after", {
boxSizing: "border-box",
WebkitFontSmoothing: "antialiased",
MozOsxFontSmoothing: "grayscale",
});
globalStyle("body", {
display: "flex",
flexDirection: "column",
margin: "0",
fontFamily:
"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif",
background: "#000",
color: "#fff",
padding: "0 16px",
backgroundSize: "cover",
backgroundPosition: "center center",
backgroundRepeat: "no-repeat",
});
globalStyle("h1, h2, h3, h4, p", {
margin: 0,
});
globalStyle("main", {
display: "flex",
alignItems: "center",
justifyContent: "center",
flexDirection: "column",
position: "relative",
width: "100%",
height: "100%",
maxWidth: "720px",
margin: "0 auto",
overflow: "hidden",
});