最強のCSS設計（）のヒントになりそうな考え方いろいろ ref: http://qiita.com/sawadays0118/items/b8ee63a86cff5cdbadaa

file0.html

<button class="icon -overkill">バリアントナイフ</button>

file1.html

<button class="icon --magictape">バリバリサイフ</button>

file2.html

<nav role="navigation">
  <ul>
    <li><a href="/" aria-describedby="current">home</a></li>
    <li><a href="/about">about</a></li>
    <li><a href="/contact">contact</a></li>
  </ul>
</nav>

file3.html

<div data-grid>
  <div data-col="1-2 M1-4 L1-5"></div>
  <div data-col="1-2 M1-4 L1-5"></div>
  <!-- ... -->
</div>

file4.html

<div class="tac">ヘルパーはタックが安定</div>