https://github.com/qrac/iostone

iOS Design Variable of SCSS & Stylus
https://github.com/qrac/iostone

color ios iostone sass scss stylus variable

Last synced: about 1 month ago
JSON representation

iOS Design Variable of SCSS & Stylus

• Host: GitHub
• URL: https://github.com/qrac/iostone
• Owner: qrac
• Created: 2016-08-27T03:13:17.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-11-15T09:01:56.000Z (about 6 years ago)
• Last Synced: 2024-11-19T21:08:45.601Z (about 1 month ago)
• Topics: color, ios, iostone, sass, scss, stylus, variable
• Language: Objective-C
• Homepage: https://mixtone.qranoko.jp/iostone/
• Size: 1.14 MB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# iOSTONE

## Site

- https://mixtone.qranoko.jp/iostone/

## About

iOS で使いそうな色を Material Design カラーパレット風に生成しました。

## How To Use

### デザインツールで使う場合

- ツールに合わせて `dist/swatches` のスウォッチファイルを使用

- NSColorList 形式のスウォッチは Mac のさまざまなソフトウェアで共有利用が可能

### コーディングで使う場合

- CSS > デモサイトの色コードを直接コピー

- SCSS > `/src/scss/tone/_iostone.scss` を変数ファイルとして include

- Stylus > `/src/stylus/tone/_iostone.styl` を変数ファイルとして include

[npm](https://www.npmjs.com/package/iostone) で `_iostone.scss` や `_iostone.styl` をインストールして使えます。

```bash

$ npm install iostone

```

## Reference

- [The color system - Material Design](https://material.io/design/color/)

## License

- CC0 1.0 Public Domain

## Credit

- Author: [Qrac](https://qrac.jp)

- Organization: [QRANOKO](https://qranoko.jp)