鐵人檔案
佔位符 %placeholder 解決 CSS 代碼冗餘的情況。因為 %placeholder 定義的代碼，如果不被@extend引用的話，不會產生任何代碼。...
函式 Functions 宣告函式可使用 @function 關鍵字，當產生結果時可使用 @return 將其返回給呼叫的對象。 此語法僅可回傳單一數值，也...
混入(@mixin) 壓縮程式碼段落，將程式碼帶入到對應的樣式代碼，可帶入變數。但不會自動合併相同的樣式代碼，如果在樣式文件中引用同一個混合，會產生多個對應的樣...
通常是指變數插值，或者變數替換。插值幾乎可以在 Sass 樣式表中的任何地方使用。 例如: // scss // @mixin generate-sizes...
在數學運算中，只允許 單位相同 的數值進行運算。如：無法同時對 px 與 em 進行運算。 加減法 (+ , -) 在變量或屬性中都可以做加減法運算。需特...
顏色運算 所有算數運算都支持顏色值，並採用分段運算。 // scss // p { color: #020403 + #070301; } 編｜ 02...
@if 如果條件為 true 則返回一個樣式塊，反之 false 返回另一個樣式塊。 // scss // @mixin avatar($size, $c...
@for @for 在 sass 中有兩種方式可以循環: $var:為自行設定的參數 start:為迴圈起始值 end:為迴圈值結束值 @for $va...
@while @while <true> {}當 while 後面的條件為 true 時則迴圈會繼續執行，反之則終止。但需特別注意，while迴圈...
字符串函數是用來處理字符串的函數。 unquote()函數 刪除字符串中的引號。如果這個字符串沒有帶有引號，將返回原始的字符串。 例如: // scss...
