Design of using Sass #3

~~**[WIP]**~~

今回はSCSSで対応。

### 課題内容

https://github.com/bossato/sass/issues/3

### TODO

- [x] SCSS設計
    - [x] 共通ファイル
    - [x] 各コンテンツファイル
- [x] 装飾
    - [x] ヘッダー
    - [x] ナビゲーション
    - [x] 記事
    - [x] 各コンテンツの変数、`Mixin`などの設定

### 確認用URL

http://bossato.github.io/sample/sass/
> 直径150pxの円を描く

こちらの仕様のミスで、適用する場所を明示しておらず申し訳御座いません…:bow:
`#contact`内の`div.figure#{num}`に対して、円を描画するmixinを適用してみて下さい。
`div.figure#{num}`は`#about`にも御座いますが、今回そちらには適用しなくてOKです。(使わない要素は削除しておいて頂ければ幸いです)