sass

Sass旅程休息站

★ Scss旅程

從無到有,一步步探索Scss,這可以使用變數和函式來編輯css的世界

旅程 01 | 何謂 Sass / Scss?

旅程的開頭,簡易介紹兩者的差別

旅程 02 | 何謂 Compass ?

介紹撰寫Sass / Scss 的最佳好幫手:Compass

旅程 03 | 安裝 Scss / Compass 之 Windows 版

介紹該如何在Windows作業系統上安裝Scss和Compass

旅程 04 | 安裝 Scss / Compass 之 Mac 版

介紹如何在 Mac 上安裝 Scss與Compass

旅程 05 | Compass指令介紹

看看好幫手擁有什麼功能,能讓撰寫 Scss 更加輕鬆

旅程 06 | Compass專案

是時候用Compass指令開一個專案了

旅程 07 | config.rb

介紹設定 Scss 編譯成 css 的設定檔

旅程 08 | 格式、變數與繼承

介紹撰寫Scss時要注意的格式以及Scss最大特色的變數,與可能會用錯寫法的繼承

旅程 09 | 數學與邏輯運算

什麼?Scss裡可以做運算?

旅程 10 | 函式

介紹 if-else、while、for與each四大函式

旅程 11 | 顏色(1)

介紹 Scss 提供的 rgb與透明度相關的函式

旅程 12 | 顏色(2)

介紹 Scss 提供的 HSL 相關的函式

旅程 13 | 顏色(3)

介紹Sass 提供其他處理顏色的函式

旅程 14 | function、mixin 和 import

介紹 Scss 超實用的 function、mixin 和 import