學習網站：https://www.youtube.com/watch?v=Zz6eOVaaelI

變數

• $符號

$primary: #000

.header {
	ul {
		li {
			color: $primary;
		}
	}
}

運算子

• 可以進行計算
• 8/10 = 80%

巢狀結構

• 可以利用 空白、>+~等記號

// scss
.header {
	ul {
		li {
			color: #333;
		}
	}
}

模組化

• 檔案名稱前加入 _
• 引用 @use 不含 _
• 使用模組變數可以向使用物件一樣

繼承

• @extend
• 需要覆蓋的樣式，直接往下寫

mixin

• 類似 function 用法
• @mixin <名稱>( <參數> ) { }