/webapp-plus

Clone from Yo Webapp with some modify.

Primary LanguageCSS

Webapp Plus

This repo clone from webapp with some modify.

Differences from Yo Webapp

  • Using PostCSS instead of SASS.
  • Using Jade templates engine instead of plain HTML.

Addition Gulp plugins

  • gulp-postcss: gulp plugin to pipe CSS through several processors, but parse CSS only once.
  • precss: Use Sass-like markup in your CSS.

PostCSS plugins

  • autoprefixer: Parse CSS and add vendor prefixes to rules by Can I Use.
  • postcss-bem: PostCSS plugin implementing BEM as at-rules.
  • cssnano: A modular minifier, built on top of the PostCSS ecosystem.
  • stylelint: A mighty, modern CSS linter that helps you enforce consistent conventions and avoid errors in your stylesheets (not use at moment).
  • postcss-font-magician: Magically generate all the @font-face rules.
  • postcss-pxtorem: A plugin for PostCSS that generates rem units from pixel units.
  • postcss-at2x: A port of rework-at2x with some extra touches.
  • postcss-custom-media: PostCSS plugin to transform W3C CSS Custom Media Queries syntax to more compatible CSS.

Install once:

npm i -D gulp-postcss precss autoprefixer postcss-bem cssnano stylelint postcss-font-magician postcss-pxtorem postcss-at2x postcss-custom-media