由先前的課程，我們得知SCSS 提供了豐富的內建函數，可以幫助我們更方便地操作顏色、字串、數字、列表、映射等，讓樣式編寫更為簡潔、高效。

一、顏色函數

1. lighten($color, $amount)
   將顏色變亮，例如 lighten(#3498db, 30%) 會使藍色變亮 30%。
2. darken($color, $amount)
   將顏色變暗，例如 darken(#3498db, 20%) 會使藍色變暗 20%。
3. rgba($color, $alpha)
   設定顏色的透明度，例如 rgba(#3498db, 0.5) 會將藍色的透明度設定為 50%。
4. mix($color1, $color2, $weight)
   將兩種顏色混合，例如 mix(#3498db, #ffffff, 50%) 會將藍色與白色混合。
5. complement($color)
   獲取顏色的互補色，例如 complement(#3498db)。

二、字串函數

1. str-length($string)
   獲取字串長度，例如 str-length("Hello") 會返回 5。
2. to-upper-case($string)
   將字串轉換為大寫，例如 to-upper-case("hello") 會變成 HELLO。
3. to-lower-case($string)
   將字串轉換為小寫，例如 to-lower-case("HELLO") 會變成 hello。

三、數字函數

1. percentage($number)
   將數字轉換為百分比，例如 percentage(0.5) 會返回 50%。
2. round($number)
   四捨五入數字，例如 round(2.6) 會返回 3。
3. ceil($number)
   無條件進位，例如 ceil(2.1) 會返回 3。
4. floor($number)
   無條件捨去，例如 floor(2.9) 會返回 2。

四、列表函數

1. length($list)
   獲取列表的長度，例如 length(1px solid red) 會返回 3。
2. nth($list, $n)
   獲取列表中第 n 個元素，例如 nth(10px 20px 30px, 2) 會返回 20px。
3. join($list1, $list2, [$separator]) :資料庫概論剛好教到，好難
   將兩個列表連接起來，例如 join((1px, 2px), (3px, 4px)) 會返回 (1px, 2px, 3px, 4px)。

五、映射函數

1. map-get($map, $key)
   從映射中獲取指定鍵的值，例如 map-get(("color": blue, "size": 10px), "color") 會返回 blue。
2. map-keys($map)
   獲取映射中的所有鍵，例如 map-keys(("color": blue, "size": 10px)) 會返回 color, size。
3. map-values($map)
   獲取映射中的所有值，例如 map-values(("color": blue, "size": 10px)) 會返回 blue, 10px。
   晚安!!