MatrixAges / atom.css

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

Home Page:https://infra-org.github.io/atom.css/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

About

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

https://infra-org.github.io/atom.css/

License:MIT License


Languages

Language:CSS 100.0%