{"id":15041573,"url":"https://github.com/atomic-package/apb-cli","last_synced_at":"2025-07-20T04:32:52.705Z","repository":{"id":56169573,"uuid":"87269327","full_name":"atomic-package/apb-cli","owner":"atomic-package","description":"Command line tool for developing APB CSS (Atomic Parts Base CSS)","archived":false,"fork":false,"pushed_at":"2020-11-22T18:32:00.000Z","size":112,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-09T09:11:14.000Z","etag":null,"topics":["apb","apb-css","cli","css","css3","javascript","node","node-js","scss","scss-framework","typescript","ui","ui-components","ui-framework","ui-kit"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/atomic-package.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-04-05T05:24:38.000Z","updated_at":"2021-11-15T10:30:13.000Z","dependencies_parsed_at":"2022-08-15T14:00:45.230Z","dependency_job_id":null,"html_url":"https://github.com/atomic-package/apb-cli","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/atomic-package/apb-cli","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atomic-package%2Fapb-cli","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atomic-package%2Fapb-cli/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atomic-package%2Fapb-cli/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atomic-package%2Fapb-cli/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/atomic-package","download_url":"https://codeload.github.com/atomic-package/apb-cli/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atomic-package%2Fapb-cli/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266067262,"owners_count":23871324,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["apb","apb-css","cli","css","css3","javascript","node","node-js","scss","scss-framework","typescript","ui","ui-components","ui-framework","ui-kit"],"created_at":"2024-09-24T20:46:14.505Z","updated_at":"2025-07-20T04:32:52.683Z","avatar_url":"https://github.com/atomic-package.png","language":"TypeScript","readme":"# apb-cli\nCommand line tool for developing APB CSS (Atomic Parts Base CSS)\n\n**APB CSS**\nhttp://apbcss.com/\n\n\n## What is this？\nAPBCSS Assets File 生成の為のコマンドラインツールです。\n\n\n## Install\n\n**Install with [npm](https://www.npmjs.com):**\n\n```\nnpm install -g @atomic-package/apb-cli\n```\n\n\n## usage\n\n**Default Usage**\n\n```\napb new\n```\n\nscssフォルダを基に、各ファイルが生成されます。\n\n**Designation Folder Name**\n\n```\napb new [appName]\n```\n\n任意のフォルダ名を指定できます。\n\n\n**Designation Create Path**\n\n\n```\napb new [appName] --path=path\n```\n\n任意の生成パスを指定できます。\n\n\n### Generate Command\n\n\n**Default Usage**\n\n```\napb generate [assetsType]\n```\n\nor\n\n```\napb --generate [assetsType]\n```\n\n**Shortcut**\n\n```\napb -g [assetsType]\n```\n\n### Assets Type\n\n| AssetsType Name | Details    |\n|:----------------|:-----------|\n| base            | アプリケーションのbaseとなるstyleが定義されているファイル群      |\n| pages           | アプリケーションの各ページ固有のstyleが定義されているファイル群       |\n| parts           | APBCSSのcoreとなる各パーツのstyleが定義されているファイル群       |\n\n\n\n### What's included\n\n```\nscss/\n├── base/\n│   ├── _base.scss\n│   ├── _mixin.scss\n│   ├── _reset.scss\n│   └── _setting.scss\n├── pages/\n│   ├── _index.scss\n│   └── _pages_inc.scss\n├── parts/\n│   ├── _animation.scss\n│   ├── _base.scss\n│   ├── _bg.scss\n│   ├── _box.scss\n│   ├── _button.scss\n│   ├── _footer.scss\n│   ├── _form.scss\n│   ├── _header.scss\n│   ├── _icon.scss\n│   ├── _list.scss\n│   ├── _media_queries.scss\n│   ├── _modal.scss\n│   ├── _navigation_menu.scss\n│   ├── _paragraph.scss\n│   ├── _separate.scss\n│   ├── _table.scss\n│   └── _title.scss\n├── _common_inc.scss\n├── _parts.scss\n└── style.scss    \n    \n```\n\n## Creators\n\n**Daisuke Takayama**\n* [@webcyou](https://twitter.com/webcyou)\n* [@panicdragon](https://twitter.com/panicdragon)\n* \u003chttps://github.com/webcyou\u003e\n* \u003chttps://github.com/panicdragon\u003e\n* \u003chttp://www.webcyou.com/\u003e\n\n## Copyright and license\nMIT\n\n\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatomic-package%2Fapb-cli","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fatomic-package%2Fapb-cli","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatomic-package%2Fapb-cli/lists"}