Fattist Landing Example

Installation

If you prefer using npx over npm i -g, instruction steps below will need to be prefixed with npx accordingly.

npm i
npm i -g grunt-cli

Instructions

Watch needs to be ran in separate terminal session window.

grunt start
grunt watch

Packages Used

node-sass: https://github.com/sass/node-sass
postcss: https://github.com/postcss/postcss
cssnano: http://cssnano.co/
pixrem: https://github.com/robwierzbowski/node-pixrem
grunt: https://gruntjs.com/

Notes

• Responsive image srcset with unit DPI support
• Pure CSS3 PNG masking, SVG support no longer needed for Firefox

Todo

• Automate secrets management with Terraform