1. エリア
   1. 背景 画像
      1. 適用範囲
         1. @include background-clip(border-box);
      2. サイズ
         1. @include background-size($width $height);
   2. 角丸
      1. @include border-radius(5px);
   3. Clearfix
      1. 新
         1. @include clearfix;
            1. 旧
            2. @include legacy-pie-clearfix;
   4. inline-block
      1. @include inline-block;
   5. 最小最大サイズ
      1. 高
         1. @include min-width($width);
            1. 幅
            2. @include max-width($height);
2. 色
   1. リンク色
      1. @include link-colors($hover, $active, $visited, $focus);
   2. グラデー ション
      1. 線
         1. @include background(linear-gradient($start-color, $end-color));
            1. 円
            2. @include background(radial-gradient($start-color, $end-color));
   3. 透明度
      1. @include opacity(0.5);
3. 影
   1. テキスト影
      1. @include text-shadow(px px px $color);
   2. エリア影
      1. @include box-shadow(px px px $color);
4. リスト
   1. inline系横並びリスト
      1. @include inline-block-list($pad);
         1. @include inline-list;
   2. float系横並びリスト
      1. @include horizontal-list($pad, $direction: left);
   3. リストアイコン
      1. @include pretty-bullets("ico.png");
5. 文字
   1. 改行
      1. 改行する
         1. @include force-wrap;
            1. 改行しない
            2. @include nowrap;
   2. 行間サイズ
      1. @include establish-baseline;
         1. $base-font-size:■px; $base-line-height:■px;とセット
   3. 文字上下 スペース
      1. @include rhythm ($mgn-top,$pad-top,$pad-btm,$mgn-btm);
   4. 文字不可視
      1. @include hide-text;
         1. display:blockとセット
   5. 文字不可視 ＋背景画像
      1. @include replace-text("img.png", $x, $y);
      2. @include replace-text-with-dimensions("img.png", $x, $y);/* width,height有 */
   6. 領域からはみ出た場合に「...」を表示
      1. @include ellipsis;
         1. width: とセット
   7. Webフォント
      1. @include font-face($fontname, font-files("hogeA.ttf", "hogeB.otf", "hogeC.eot"));
6. 関数
   1. 画像
      1. パス
         1. background-image: image-url("$img");
      2. サイズ
         1. width : image-width("$img"); height : image-height("$img");
   2. 色
      1. ＋明度
         1. color: adjust-lightness($color, $amount);
            1. ＋彩度
            2. color: adjust-saturation($color, $amount);
            3. adjust ⇔ scale (絶対値⇔相対値）
      2. ＋白
         1. color: tint($color, %);
            1. ＋黒
            2. shade($color, %);
   3. ネスト
      1. #{nest(".class1, .class2", "ul, ol")} {;}
         1. .class1 ul, .class1 ol, .class2 ul, .class2 ol
   4. 種類別
      1. #{elements-of-type($display)} {;}
         1. block / inline / table-cell / html5-block etc..