https://github.com/samrap/fiveninesclo.com
https://github.com/samrap/fiveninesclo.com
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/samrap/fiveninesclo.com
- Owner: samrap
- Created: 2021-04-11T08:14:10.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-04-11T08:14:30.000Z (about 5 years ago)
- Last Synced: 2025-02-02T21:29:13.209Z (over 1 year ago)
- Language: HTML
- Size: 34.2 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tailwind CSS Playground
A simple starter project for playing around with Tailwind in a proper PostCSS environment.
To get started:
1. Clone the repository:
```bash
git clone https://github.com/tailwindcss/playground.git tailwindcss-playground
cd tailwindcss-playground
```
2. Install the dependencies:
```bash
# Using npm
npm install
# Using Yarn
yarn
```
3. Start the development server:
```bash
# Using npm
npm run serve
# Using Yarn
yarn serve
```
Now you should be able to see the project running at localhost:8080.
4. Open `public/index.html` in your editor and start experimenting!
## Play with it on CodeSandbox
A CodeSandbox version of this playground [is one click away](https://codesandbox.io/s/github/tailwindcss/playground/tree/master)!
## Building for production
Even though this isn't necessarily a starter kit for a proper project, we've included an example of setting up [cssnano](https://cssnano.co/) to optimize your CSS for production.
To build an optimized version of your CSS, simply run:
```bash
# Using npm
npm run production
# Using Yarn
yarn production
```
After that's done, check out `./public/build/tailwind.css` to see the optimized output.