Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/d36choi/reveal
Reveal 템플릿입니다.
https://github.com/d36choi/reveal
Last synced: 4 days ago
JSON representation
Reveal 템플릿입니다.
- Host: GitHub
- URL: https://github.com/d36choi/reveal
- Owner: d36choi
- Created: 2020-01-12T11:34:08.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2020-01-12T11:35:17.000Z (about 5 years ago)
- Last Synced: 2024-12-18T18:46:44.752Z (about 2 months ago)
- Language: HTML
- Size: 1.1 MB
- Stars: 0
- Watchers: 1
- 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 run 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!
## Building for production
Even though this isn't necessarily a starter kit for a proper project, we've included an example of setting up both [Purgecss](https://www.purgecss.com/) and [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 run production
```
After that's done, check out `./public/build/tailwind.css` to see the optimized output.