マージンのUtilityクラスを追加

[manabuyasuda]

マージンはmargin-bottomに統一したほうが管理しやすいし、マージンの相殺で複雑になりにくい（margin-topでも相殺はしないけど）。

マージンはブレイクポイントによって、

1. 0→1
2. 1→2
3. 1→0

になるパターンが考えられる。それぞれのクラスを作ることが必要。

例えば、

1. .u-mb-up-small
2. .u-mb-small
3. .u-mb-down-small

のようにUpを増える、Downを減るのように表現してみるのはどうか？

サイズのバリエーションは、

1. tiny
2. small
3. medium(default)
4. large
5. huge

の5パターンを最大にする。

[manabuyasuda]

UpとDown GainとLose

[manabuyasuda]

切り替わるタイミングは統一して、できればブレイクポイントは一箇所にしておく。

-mdとかのブレイクポイント用のクラスを作ってしまうと、クラスが増えすぎたり複雑になったりする恐れがある。