Shorthand
Susy提供了一個簡單的語法來輕鬆地將任意設定傳遞到函式（function）和混合巨集（mixin）中。想要完全掌握Susy2，Shorthand很關鍵。
簡寫語法（shorthand syntax）
Shorthand: $span $grid $keywords;複製程式碼$span
span 可以是任何長度的跨列。
$grid
grid 是列（column）的設定的，而且還可以設定gutter、column-width，例如：
// 12列
$grid: 12;
// 12列，gutter為1/3
$grid: 12 1/3;
// 12列，列寬60px，gutter10px
$grid: 12 (60px 10px);
// 按 1:2:3:2:1比例分12列，gutter為1/4
$grid: (1 2 3 2 1) .25;複製程式碼$keywords
keyword比較容易，幾乎所有設定都帶有keyword，因為是map型別，可以無序的寫入，先看一下全域性的：
$global-keywords: (
container : auto,
math : static fluid,
output : isolate float,
container-position : left center right,
flow : ltr rtl,
gutter-position : before after split inside inside-static,
debug: (
image : show hide show-columns show-baseline,
output : background overlay,
),
);
$local-keywords: (
box-sizing : border-box content-box,
edge : first alpha last omega,
spread : narrow wide wider,
gutter-override : no-gutters no-gutter,
clear : break nobreak,
role : nest,
);複製程式碼Examples
建立一個Layout的簡寫配置：
- 語法：
<grid><keywords>
// grid: (columns: 4, gutters: 1/4, column-width: 4em);
// keywords: (math: fluid, gutter-position: inside-static, flow: rtl);
$demo: 4 (4em 1em) fluid inside-static rtl;
$result : layout($demo);
// 列印輸出
@debug $result;
// (math: fluid, gutter-position: inside-static, flow: rtl, columns: 4, gutters: 0.25, column-width: 4em)複製程式碼建立一個Span的簡寫配置
Susy2 有大量計算或設定寬度的函式和混合巨集，所以建立span的簡寫配置會比較常用。
- 語法：
<span>at<location>of<layout>
// span: 3;
// location: 4;
// layout: (columns: 12, gutters: .25, math: fluid)
$span: 3 at 4 of 12 .25 fluid;
// Only $span is required in most cases
$span: 30%;複製程式碼預告：下一篇：通過Susy2打造bootstrap柵格系統