<commit_before># MUSUBii

## Demo & Documentation

- [Demo Page][link-demo]

## About

*「腹が減ってはコードが書けぬ」*

Webデザインの腹ごなしに、HTML/CSSフレームワーク「MUSUBii（むすびー）」をどうぞ。MUSUBiiは、日本語サイトのデザイン・コーディングを元気づけます。

- OOCSSを応用したラフな設計
- 日本語フォントの利用を想定
- Javascript 未使用

## Detail

### HTML

要素 `.(xxxx)` 1つに対して、状態 `.is-(xxxx)` を複数追加してスタイリングするのが基本です。
また、すべてのクラス名は英小文字・数字・ハイフン1つで構成されています。

### CSS

CSSのレイヤーは主に4つに分類されています。

- *Base* … リセットCSSなどの下地
- *Layout* … 余白・マージン・グリッドシステム
- *Module* … ボタン・テキスト・リスト・見出しなど
- *Utility* … 調整用モディファイア

### RWD

5つの画面サイズで可変するレスポンシブウェブデザインになっています。

- *Mobile* … ~ 575px
- *Fablet* … 576px ~ 767px
- *Tablet* … 768px ~ 991px
- *Desktop* … 992px ~ 1199px
- *Wide* … 1200px ~

## Use

### Download

ファイルをダウンロード後、CSSファイル `musubii.min.css` を読み込んでお使いください。

```html
<link rel="stylesheet" href="css/musubii.min.css">
```

### [npm][link-npm]

```
npm install musubii
```

### [CDN][link-jsdelivr]

```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/musubii@5.0.0/docs/css/musubii.min.css">
```

## Support

| Chrome | Firefox | IE | Ege | Safari(Mac) |
|:------:|:------:|:------:|:------:|:------:|
| Newest | Newest | 11~ | Newest | Newest |

| Safari(iOS) | Chrome(Android) | Browser(Android) |
|:------------:|:------------:|:------------:|
| Newest | Newest | 4.4~ |

## License

- MIT
- Author: [Qrac][link-twitter]
- Author Group: [QRANOKO][link-qranoko]

[link-demo]:https://qrac.github.io/musubii/
[link-npm]:https://www.npmjs.com/package/musubii
[link-jsdelivr]:https://cdn.jsdelivr.net/npm/musubii/
[link-twitter]:https://twitter.com/Qrac_JP
[link-qranoko]:https://qranoko.jp<commit_msg>Fix README<commit_after># MUSUBii

## Demo & Documentation

- [Demo Page][link-demo]

## About

*「腹が減ってはコードが書けぬ」*

Webデザインの腹ごなしに、HTML/CSSフレームワーク「MUSUBii（むすびー）」をどうぞ。MUSUBiiは、日本語サイトのデザイン・コーディングを元気づけます。

- OOCSSを応用したラフな設計
- 日本語フォントの利用を想定
- Javascript 未使用

## Detail

### Markup

要素 `.(xxxx)` 1つに対して、状態 `.is-(xxxx)` を複数追加してスタイリングするのが基本です。
また、すべてのクラス名は英小文字・数字・ハイフン1つで構成されています。

### Layers

CSSのレイヤーは主に4つに分類されています。

- *Base* … リセットCSSなどの下地
- *Layout* … 余白・マージン・グリッドシステム
- *Module* … ボタン・テキスト・リスト・見出しなど
- *Utility* … 調整用モディファイア

### RWD

5つの画面サイズで可変するレスポンシブウェブデザインになっています。

- *Mobile* … ~ 575px
- *Fablet* … 576px ~ 767px
- *Tablet* … 768px ~ 991px
- *Desktop* … 992px ~ 1199px
- *Wide* … 1200px ~

## Use

### Download

ファイルをダウンロード後、CSSファイル `musubii.min.css` を読み込んでお使いください。

```html
<link rel="stylesheet" href="css/musubii.min.css">
```

### [npm][link-npm]

```
npm install musubii
```

### [CDN][link-jsdelivr]

```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/musubii@5.0.0/docs/css/musubii.min.css">
```

## Support

日本で多く使われているブラウザを基準にバグフィックスを行なっています。

| Chrome | Firefox | IE | Ege | Safari(Mac) |
|:------:|:------:|:------:|:------:|:------:|
| Newest | Newest | 11~ | Newest | Newest |

| Safari(iOS) | Chrome(Android) | Browser(Android) |
|:------------:|:------------:|:------------:|
| Newest | Newest | 4.4~ |

## License

- MIT
- Author: [Qrac][link-twitter]
- Author Group: [QRANOKO][link-qranoko]

[link-demo]:https://qrac.github.io/musubii/
[link-npm]:https://www.npmjs.com/package/musubii
[link-jsdelivr]:https://cdn.jsdelivr.net/npm/musubii/
[link-twitter]:https://twitter.com/Qrac_JP
[link-qranoko]:https://qranoko.jp
{'fraction_non_alphanumeric': 0.23350721080085915, 'fraction_numerical': 0.022706351641607857, 'mean_word_length': 3.894894894894895, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 12, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '694307', 'n_tokens_mistral': 1914, 'n_tokens_neox': 1778, 'n_words': 205}