henris

Henri's

Another SCSS framework to make css development a lot faster and easier.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Installing

Installation is simple, just npm install the package and go!

NPM

Install the package using npm

npm install henris

or

yarn add henris

Import in project

Import the file into you main scss file.

@import 'henris';

Or in another file where you don't want the full output, just the functions.

@import 'henris/ext';

Running the tests

Tests will check the main functionalities of the package. Install the package locally and run

npm run test

And coding style tests

All code is beautyfied using Prettier

Deployment

Add additional notes about how to deploy this on a live system

Browser Support

Henri's lma uses autoprefixer to make (most) Flexbox features compatible with earlier browser versions. According to Can I use, Henri's is compatible with recent versions of:

• Safari
• Chrome
• Firefox
• Opera
• Edge
• Internet Explorer (10+) is only partially supported.

Built With

• Node-sass - Sass language compiler
• Postcss - Autoprefixer and other functions
• webfonts-generator - Library used for converting icons to fonts
• True - Sass testing
• Vuepress - For the docs

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Authors

• Sil van Diepen - Matise - Matise

License

This project is licensed under the MIT License - see the LICENSE.md file for details