A site to visualize the CSS color-mix function.
- Production: colormix.style
- Staging: Every pull request gets a preview deploy URL
- Figma: figma.com/file/X2rvL8LtTk5Cw4rxECTqdY/colormix
- This is a static site built with Astro
- TypeScript (most of the time)
- Makes use of Preact and Nano Stores
- Hosted on Netlify
Install dependencies
yarn
Start development server
yarn start
The site will be available at http://localhost:3000
Preview production
Do a production build and local server to mimic a production environment. Note that there's no reload when files are changed.
yarn preview
Build for production
Generates static content into the dist directory that can be served using any static content hosting service.
yarn build
This site is hosted on Netlify. Anything merged into the main branch is deployed to production.
This site uses Netlify preview builds. To see any branch in a live environment, push the branch to the remote and open a pull request.