https://github.com/qrac/mdtone

Material Design Variable of SCSS & Stylus
https://github.com/qrac/mdtone

color material-design mdtone sass scss stylus variable

Last synced: 25 days ago
JSON representation

Material Design Variable of SCSS & Stylus

• Host: GitHub
• URL: https://github.com/qrac/mdtone
• Owner: qrac
• Created: 2016-08-20T05:28:55.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-11-15T08:59:55.000Z (over 6 years ago)
• Last Synced: 2024-12-25T17:08:42.478Z (about 2 months ago)
• Topics: color, material-design, mdtone, sass, scss, stylus, variable
• Language: Objective-C
• Homepage: https://mixtone.qranoko.jp/mdtone/
• Size: 1.1 MB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# MDTONE

## Site

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

## About

Material Design Color を Sass で使いやすいよう変数化しました。

## How To Use

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

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

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

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

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

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

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

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

```bash

$ npm install mdtone

```

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