Skip to content

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

License

Notifications You must be signed in to change notification settings

MatrixAges/atom.css

Repository files navigation

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.