Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/atomic-package/atomic-package

APB CSS (Atomic Parts Base CSS) + JavaScript framework.
https://github.com/atomic-package/atomic-package

apb apb-css atomic-parts css html hugo javascript javascript-framework scss typescript ui ui-framework ui-kit

Last synced: 4 months ago
JSON representation

APB CSS (Atomic Parts Base CSS) + JavaScript framework.

Host: GitHub
URL: https://github.com/atomic-package/atomic-package
Owner: atomic-package
License: mit
Created: 2017-04-05T04:49:12.000Z (almost 8 years ago)
Default Branch: master
Last Pushed: 2020-03-28T17:16:21.000Z (almost 5 years ago)
Last Synced: 2024-10-01T15:39:21.563Z (4 months ago)
Topics: apb, apb-css, atomic-parts, css, html, hugo, javascript, javascript-framework, scss, typescript, ui, ui-framework, ui-kit
Homepage: https://atomic-package.com/
Size: 66.5 MB
Stars: 8
Watchers: 3
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE

Awesome Lists containing this project

README

        # Atomic Package

![](https://github.com/atomic-package/atomic-package/blob/master/design/images/logo_main_large.png)

## APB CSS (Atomic Parts Base CSS) + JavaScript framework.

[![GitHub version](https://badge.fury.io/gh/atomic-package%2Fatomic-package.svg)](https://badge.fury.io/gh/atomic-package%2Fatomic-package)

[![npm version](https://badge.fury.io/js/atomic-package.svg)](https://badge.fury.io/js/atomic-package)

## Documentation

![document_top_green](https://user-images.githubusercontent.com/1584153/76678374-9f899c00-661a-11ea-8fb7-9649847c2fc2.png)

* [AtomicPackage Official](https://atomic-package.com/)

### Documentation Repository

[atomic-package/docs](https://github.com/atomic-package/docs)

**APB CSS**

http://apbcss.com/

## Table of contents

* [Quick start](#quick-start)

* [What's included](#What's-included)

* [Creators](#creators)

* [Copyright and license](#copyright-and-license)

## Quick start

**Clone the repo:**

```

git clone [email protected]:atomic-package/atomic-package.git

```

**Install with [Bower](http://bower.io):**

```

bower install atomic-package

```

**Install with [npm](https://www.npmjs.com):**

```

npm install atomic-package

```

### What's included

```

atomic-package/

├── css/

│   ├── atomic-package.css

│   ├── atomic-package.min.css

│   ├── atomic-package-theme.min.css

│   └── atomic-package-theme.css

├── js/

│   ├── atomic-package.js

│   └── atomic-package.min.js

└── fonts/

    ├── FontAwesome.otf

    ├── fontawesome-webfont.ttf

    ├── fontawesome-webfont.woff

    └── fontawesome-webfont.woff2

```

### Atomic Package Files Build

`yarn dist` to compile all resources

## Creators

**Daisuke Takayama**

* [@webcyou](https://twitter.com/webcyou)

* [@panicdragon](https://twitter.com/panicdragon)

* 

* 

* 

**Tatsuki Takamatsu**

* [@180gr_disco](https://twitter.com/180gr_disco)

## Copyright and license

MIT