creativeFEW Stylelib

Using a grid such as Bootstrap or NEAT is awesome but the responsive mixins allow developers to be inconsistent. In some cases, a developer might use a mixin to override styles from a breakpoint and everything lower (large viewport first approach). In other cases, they might do the opposite (mobile-first). In rare cases, they might even use a mixin to overwrite just a single pixel value which goes against best-practices.

Stylelib contains a single mobile-first responsive mixin to be used on all projects with a responsive UI for the purposes of ensuring that breakpoint overrides remains consistent. This provides the consistency of knowing that any styles defined outside the mixin are mobile-first and any that use it will be in effect from that size and higher.

As time goes on, this file can be extended to support additional best-practices that can be easily deployed to all projects.

Usage

Install with npm i @creativefew/stylelib and import stylelib.scss as needed.

Publish to NPM

npm publish --access public