定義專案／產品的 SCSS 變數。

變數定義有以下規則：

• $theme: product name; 定義一個 theme name 通常是專案／產品名稱。
• $c-xxx 定義顏色
• $componentName-xxx 定義組件名稱
• $structureName-xxx 定義結構名稱

// -------------------------------------//   theme // ------------------------------------- $theme:            product-name; // -------------------------------------//   color// ------------------------------------- // ----- gray ----- // $c-gray-darker:    lighten(#000, 13.5%) !default; // #222$c-gray-dark:      lighten(#000, 20%) !default;   // #333$c-gray:           lighten(#000, 33.5%) !default; // #555$c-gray-light:     lighten(#000, 60%) !default;   // #999$c-gray-lighter:   lighten(#000, 93.5%) !default; // #eee // ----- Base ----- // $c-primary:        #xxx !default;$c-success:        #xxx !default;$c-danger:         #xxx !default;$c-info:           #xxx !default;$c-inverse:        #xxx !default; $c-decor-light:    #xxx !default;$c-decor-dark:     #xxx !default;$c-border-color:   #xxx !default; // ----- link ----- // $c-link:           #xxx !default;$c-link-hover:     darken(#xxx, 10) !default; // -------------------------------------//   base// ------------------------------------- // ----- font size ----- // // compass$base-line-height: 24px;$rhythm-unit:      "rem"; // base$font-size:        15px;$font-size-s:      13px;$font-size-l:      18px; // ----- border style ----- // $border-radius:    3px !default;$border-style:     solid !default;$border-width:     1px !default;$border:           $border-width $border-style $c-gray-light; // ----- box shadow ----- // $box-shadow:       0 2px 5px rgba($c-gray-darker, .25) !default;