Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/xaralis/pirati-testing
https://github.com/xaralis/pirati-testing
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/xaralis/pirati-testing
- Owner: xaralis
- Created: 2020-06-05T13:34:40.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-12-06T06:58:07.000Z (about 2 years ago)
- Last Synced: 2024-04-29T00:09:41.339Z (9 months ago)
- Language: HTML
- Size: 697 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 8
-
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/xaralis/pirati-testing.gitcd pirati-testing
```2. Install the dependencies:
```bash
# Using npm
npm install# Using Yarn
yarn
```3. Start the development server:
```bash
# Using npm
npm start# Using Yarn
yarn start
```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.