├── index.js
├── .gitignore
├── readme.md
├── package.json
├── style.css
├── postcss.config.js
└── index.html
/index.js:
--------------------------------------------------------------------------------
1 | console?.log('ready.')
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 |
3 | .cache/
4 | dist/
5 | node_modules/
--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
1 | [](https://app.netlify.com/sites/vite-cssnext/deploys)
2 |
3 | [PostCSS preset-env](https://preset-env.cssdb.org/) layer on top of the vanilla [@vite/create-app](https://github.com/vitejs/vite/tree/main/packages/create-app/template-vanilla)
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vite-preset-env",
3 | "author": "Adam Argyle",
4 | "license": "ISC",
5 | "version": "0.0.0",
6 | "browserslist": [
7 | "defaults"
8 | ],
9 | "scripts": {
10 | "start": "vite",
11 | "dev": "vite",
12 | "build": "vite build",
13 | "serve": "vite preview"
14 | },
15 | "dependencies": {},
16 | "devDependencies": {
17 | "postcss-preset-env": "7.7.2",
18 | "vite": "3.0.0"
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | @custom-media --motionOK (prefers-reduced-motion: no-preference);
2 |
3 | :root {
4 | color-scheme: dark light;
5 | }
6 |
7 | * {
8 | box-sizing: border-box;
9 | background-origin: border-box;
10 | background-repeat: no-repeat;
11 | margin: 0;
12 | }
13 |
14 | html {
15 | block-size: 100%;
16 | }
17 |
18 | body {
19 | min-block-size: 100%;
20 |
21 | display: grid;
22 | place-content: center;
23 | gap: 2ch;
24 |
25 | font-family: system-ui, sans-serif;
26 | }
27 |
--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | const postcssPresetEnv = require('postcss-preset-env')
2 |
3 | module.exports = {
4 | plugins: [
5 | postcssPresetEnv({
6 | stage: 0,
7 | features: {
8 | 'logical-properties-and-values': false,
9 | 'prefers-color-scheme-query': false,
10 | 'gap-properties': false,
11 | 'custom-properties': false,
12 | 'place-properties': false,
13 | 'not-pseudo-class': false,
14 | 'focus-visible-pseudo-class': false,
15 | 'focus-within-pseudo-class': false,
16 | 'color-functional-notation': false,
17 | }
18 | }),
19 | ]
20 | }
21 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Vite Preset Env
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 | Hello Vite!
18 | Documentation
19 |
20 |
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------