@alex-grover/styles v0.0.1

@alex-grover/styles

Opinionated base stylesheets.

Installation

To install in a Next.js project, including replacing the builtin PostCSS config:

pnpm i @alex-grover/styles
pnpm i -D postcss-flexbugs-fixes postcss-preset-env @csstools/postcss-global-data

Usage

Add the following entry to your package.json:

{
  "postcss": {
    "plugins": [
      [
        "@csstools/postcss-global-data",
        {
          "files": ["node_modules/@alex-grover/styles/media.css"]
        }
      ],
      "postcss-flexbugs-fixes",
      [
        "postcss-preset-env",
        {
          "autoprefixer": {
            "flexbox": "no-2009"
          },
          "stage": 3,
          "features": {
            "custom-media-queries": true,
            "custom-properties": false
          }
        }
      ]
    ]
  }
}

Import reset.css from your root layout:

// app/layout.tsx
import '@alex-grover/styles/reset.css'