Lorem ipsum dolor sit amet.

What's included?

Click on the links to learn more.

Browsersync

https://www.browsersync.io/

Synchronized cross-device testing.

Webpack

https://webpack.js.org/

Webpack takes modules with dependencies and generates static assets representing those modules.

PostCSS

http://postcss.org/

Easily include PostCSS plugins.

Sass

http://sass-lang.com/

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

Panini

https://github.com/zurb/panini

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

UIkit 3

https://getuikit.com/

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

jQuery

https://jquery.com/

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

PostCSS Plugins

Postcss Assets

https://github.com/borodean/postcss-assets

Asset manager for CSS.

Autoprefixer

https://github.com/postcss/autoprefixer

Parse CSS and add vendor prefixes.

mqPacker

https://github.com/hail2u/node-css-mqpacker

Pack same CSS media query rules into one media query rule.

CSS Next

http://cssnext.io/

Lets you use the latest CSS syntax today.

Rucksack

https://simplaio.github.io/rucksack/

Add some useful utilities for CSS.

Nippon Colors

https://github.com/Knovour/postcss-nippon-color

Use colors from http://nipponcolors.com/

Clone repository
git clone git@github.com:paweltar/static-site-template-postcss.git my-project-name
cd my-project-name
Remove git tracking and initialize your own
rm -rf .git
git init
Download dependencies
npm install
Build project and start watching for changes
npm start
Create /build folder for the production website
npm run build