Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

😚 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

openages/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.

About

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

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 2

Languages

AltStyle によって変換されたページ (->オリジナル) /