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/
円の描画の件に関連していますが、中央揃えのレイアウトが上手く適用されていないようです。
`display: table`、`display: table-cell;`を使う場合、`display: table`と共に`width: 100%`を指定すると子要素を均等幅で配置できます。
複数要素の中央揃えレイアウトについては、この辺を参考にしてみて下さい。
http://css-tricks.com/centering-css-complete-guide/
ちなみに課題の[完成イメージ図](http://codepen.io/k61/debug/GAImb)ではfloatとclearfixを使っています。