atom.css

KO | EN

gitlite — search

#hacktoberfest #react #ai #go #rust #deep-learning #linux #docker #nodejs #macos #awesome #cli #awesome-list #pytorch

(★ 83)

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

atom.css Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# <p align="center"> Atom.css </p>

_<p align="center">A atom-style library of CSS atomic elements. To build app faster and more flexible!</p>_

## Installation

Install via npm:

```bash
$ 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:

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

Output:

![atom.css eg](https://user-gold-cdn.xitu.io/2018/11/26/1675083438938377?w=933&h=394&f=png&s=6650)

## Classes

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

![classes](https://s2.ax1x.com/2019/02/12/kw5M0e.png)

## 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.

atom.css

atom.css Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

atom.css

atom.css Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README