Atom.css Save

:kissing_closed_eyes: A atom-style library of CSS atomic elements. To build app faster and more flexible.

Project README

atom.css logo

atom.css

A atom-style library of CSS atomic elements. To build app faster and more flexible!

attitude_img version_img size_img style_img License

Installation

Install via npm:

$ npm i @matrixage/atom.css

Usage

To use atom.css in your website, simply drop the stylesheet into your document's <head>, and add the class like flex to an element,it will display flex. That's it!

For example:

<div class="flex justify_center align_center">
    Example
</div>

Output:

atom.css eg

Classes

To decorate an element, add the class like below to an element.

classes

Accessibility

Atom.css supports the IE6+ and all modern browsers,and you can use class like flex in IE9+.

License

Atom.css is licensed under the MIT license. (http://opensource.org/licenses/MIT)

Contributing

Pull requests are the way to go here. We only have two rules for submitting a pull request: match the naming convention (name_rules) and the single attribute principle.

Open Source Agenda is not affiliated with "Atom.css" Project. README Source: MatrixAges/atom.css
Stars
82
Open Issues
0
Last Commit
3 years ago
Repository
License
MIT

Open Source Agenda Badge

Open Source Agenda Rating