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

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

apb apb-css atomic-design atomic-parts css sass scss

Last synced: 2 months ago
JSON representation

atomic-package design

• Host: GitHub
• URL: https://github.com/atomic-package/design
• Owner: atomic-package
• Created: 2017-06-22T17:06:31.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2020-03-18T16:31:18.000Z (about 5 years ago)
• Last Synced: 2025-01-13T18:39:13.555Z (4 months ago)
• Topics: apb, apb-css, atomic-design, atomic-parts, css, sass, scss
• Size: 53.6 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Atomic Package Design Directory

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

## Use Sketch

Use Sketch APP

[Sketch](https://www.sketchapp.com/)

## Directory

```

.export/            - Sketch export png files.

.exportedArtboards/ - Sketch export png files.

sketch/             - Sketch Files Directory

│   ├── atomic_package.sketch	    - parts design file.

│   ├── atomic_package_docs.sketch  - Document Pages file.

│   └── atomic_package_theme.sketch - parts theme design file.

```

## branch

design master branch

`feature/design`

### Use git sketch plugin 

Use git sketch plugin.

**Install with [Bower](http://mathieudutour.github.io/git-sketch-plugin/):**

GoTo Download Page. Click 「Download.zip」

install 「Git.sketchplugin」

After the refactoring `「plugin > Git > Commit」`

Check the "Generate files for pretty diffs".

Since .exportedArtboards / to the difference png file will be generated, do not forget to check.

completed `plugin> Git > push`.