bourbon + flocss でCSS構成

flocss のルール

• https://github.com/hiloki/flocss

構成：

• Foundation - reset/normalize/base...

• Layout - header/main/sideber/footer...
• Object
  • Component - grid/button/form/media...
  • Project - articles/ranking/promo...
  • Utility - clearfix/display/margin...

マイ・ルール

• FLOCSSを使ってCSSファイルを20,000行から9,000行にした話
  http://qiita.com/Atsss/items/4f9d98fb1d0546539c09

bourbon

A simple and lightweight mixin library for Sass.

• http://bourbon.io/

flocss 構成で application.scss に書く

@import "bourbon";
@import "foundation/reset";
@import "foundation/base";
@import "layout/*";
@import "object/component/*";
@import "object/project/*";
@import "object/utility/*";

bourbon とは？

• CSSフレームワークBourbon超速入門
  http://qiita.com/nekoneko-wanwan/items/99d4650768c46ae41897