CSS框架/SASS-----Bourbon, Neat, Bitters, Refills

1.Bourbon 一個簡單輕量級SASS的mixin庫.

2.Neat 一個語義化的輕量級SASS 和 Bourbon的佈局網格框架

3.Bitters 一個與bootstrap相似的基於SASS的框架

4.Refills 封裝好的模式，元件，在Bourbon，Bitters, 和 Neat之上。包括Patterns,Components,TypeSystems三部分。

Patterns是

　　　　　　水平標籤分頁Accordion/Tags

　　　　　　瀏覽器Browser(一個靜態的瀏覽器樣式)

　　　　　　卡片樣式Cards(一個靜態的卡片樣式)

　　　　　　中心樣式導航條centered navigation

　　　　　　評論樣式Comment

　　　　　　移動設備樣式Device

　　　　　　註腳Footers

　　　　　　網格樣式 Grid Items

　　　　　　首頁樣式(大背景圖+描敘)Hero Unit

　　　　　　分點介紹（圖標+簡介）Icon Bullet Points

　　　　　　簡介文本樣式Intro Text

　　　　　　導航Navigation（菜單+搜索+登錄、註冊）

　　　　　　可選擇多條件搜索工具條Search Tools

　　　　　　左側圖片樣式Side Image

　　　　　　表格Tables

　　　　　　垂直標籤分頁Vetical Tags

　　　　　　

Components是

　　　　　　摺疊accodion

　　　　　　標示Badges

　　　　　　瀏覽記錄導航Breadcrumbes

　　　　　　按鈕組Button Group

　　　　　　下拉列表Dropdown

　　　　　　鼠標覆蓋標題動畫Hover title animation

　　　　　　圖片有漸進變化覆蓋層Image with gradient overlays

　　　　　　彈出窗口Modal

　　　　　　文章翻頁導航Pagination

　　　　　　進程條Progress Bars

　　　　　　響應式視頻嵌入 Responsive video embed

　　　　　　搜索條Search Bar

　　　　　　活動菜單（側邊）Sliding Menu

　　　　　　開關Swith

　　　　　　文理Textures(沒有代碼經過不一樣的參數傳遞給mixin,能夠改變background-coolor,gradient color, gradient angle)

　　　　　　提示tooltip

TypeSystems是文本排版格式。