PostCss Starter Kit for a quick development environment setup.
JavaScript CSS HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
app
gulp
.gitignore
README.md
gulpfile.js
package.json
webpack.config.js

README.md

PostCSS-Starter-Kit

My collection of PostCSS addons for a quick and fast setup of a development environment.

Getting Started

  • Type "gulp" in command line to initiate browser-sync.
  • Type "gulp icons" to generate SVG sprite from the files in your "icon" directory.
  • Type "gulp build" to produce the dist folder.
  • Type "gulp previewDist" to preview the compiled dist folder and finished website.

Prerequisites

Run "npm install". Run "gulp" (which will run gulp watch by default).

Gulp Tasks

gulp
gulp icons (run after placing new svg files in the icon folder)
gulp build
gulp previewDist (double check the result)

Top PostCSS Plugins

  • waypoints
  • lost
  • rucksack
  • modernizr
  • autoprefixer
  • browser-sync
  • babel

*See package.json for further list of PostCSS plugins.