Skip to content
This repository was archived by the owner on Oct 19, 2021. It is now read-only.

Ifycode-experiments/less-css-helper-library

 
 

Repository files navigation

less-css-helper-library

All Contributors

contributions welcome npm version NPM Downloads GitHub issues GitHub pull requests

The less-css-helper-library for css, less and frontend projects. Related (css) property-value pairs often used together are stored in css classes for easy use, reuse and to help quickly structure your projects. Built-in css styles are made accessible in your projects just by adding a class to an html element.

The library provides some reset styles and classes which you can apply on html elements. From the class names, it's easy to tell what they do. Some examples:

  • .block only sets display to block.
  • .grid only sets display to grid.
  • .flex only sets display to flex.
  • .flex-center sets display to flex, justify-content and align-items are set to center.
  • .flex-j-center only sets display to flex & justify-content to center etc.

You have total control over what the width of the element (and margin in the case of -auto) should be. More details & tutorial coming soon on this topic.

Documentation

For easy maintenance (due to modifications to be made and addition of more features) and also to provide you better support, sections previously included in the readme have been moved to our docs - see this section of the docs in case you also wish to contribute to the docs. Simply click on any of the links to learn to install, use the library in your project and contribute to the library.

Using library

  • See user guide for styles and classes added to the library, and installation and use section.

Contributing to library

  • See contributor guide which contains contributing.md, CODE_OF_CONDUCT, git workflow and project development setup to help you get started.

The library is maintained by just one person at the moment - @Ifycode. Meaning that more features will be added only when needed. If you like and have started using the library in your projects but doesn't contain what you need (yet), you can help speed up the process by raising it as an issue or send a pull request.

Contributors ✨

Thanks to these wonderful people helping to improve some or all aspects of the Code Collabo project.

Technologies

CSS 3 less node js

About

Helper library for css, less and frontend projects. Built-in css styles are stored in classes for reuse.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published