No description
Find a file
2019-11-15 22:21:30 -03:00
.vscode Initial commit 2019-11-15 07:04:59 -03:00
public Prototyping first design 2019-11-15 22:21:30 -03:00
.gitignore Initial commit 2019-11-15 07:04:59 -03:00
package.json Prototyping first design 2019-11-15 22:21:30 -03:00
postcss.config.js Initial commit 2019-11-15 07:04:59 -03:00
README.md Initial commit 2019-11-15 07:04:59 -03:00
tailwind.config.js Prototyping first design 2019-11-15 22:21:30 -03:00

Tailwind CSS Playground

A simple starter project for playing around with Tailwind in a proper PostCSS environment.

To get started:

  1. Clone the repository:

    git clone https://github.com/tailwindcss/playground.git tailwindcss-playground
    
    cd tailwindcss-playground
    
  2. Install the dependencies:

    # Using npm
    npm install
    
    # Using Yarn
    yarn
    
  3. Start the development server:

    # 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 and cssnano to optimize your CSS for production.

To build an optimized version of your CSS, simply run:

# 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.