iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

菜鳥30日自學SASS及SCSS 系列

主要介紹SASS及SCSS的基本語法

鐵人鍊成 | 共 30 篇文章 | 9 人訂閱 訂閱系列文 RSS系列文
DAY 21

【D-2 1】進階Sass的字符串函數(2)

str-length()函數 讀取字符串後計算字數多少。 例如: // scss // .test { text1: str-length(hello)...

2022-10-01 ‧ 由 Minyeeee 分享
DAY 22

【D-2 2】進階Sass的數字函數(1)

今日將介紹4種數字函數:1. percentage()函數2. round()函數3. ceil()函數4. floor()函數 1.percentage()函...

2022-10-02 ‧ 由 Minyeeee 分享
DAY 23

【D-2 3】進階Sass的數字函數(2)

今日將介紹4種數字函數:1. abs()函數2. min()函數3. max()函數4. random()函數 1.abs()函數 幫一個數值加上絕對值,使其...

2022-10-03 ‧ 由 Minyeeee 分享
DAY 24

【D-2 4】進階Sass的列表函數(1)

今日將介紹3種列表函數:1. length()函數2. nth()函數3. join()函數 length()函數 返回一個列表的長度值,需用空格隔開。 例...

2022-10-04 ‧ 由 Minyeeee 分享
DAY 25

【D-2 5】進階Sass的列表函數(2)

今日將介紹3種列表函數:1. append()函數2. zip()函數3. index()函數 append()函數 將某個值插入到列表最末位。 例如: /...

2022-10-05 ‧ 由 Minyeeee 分享
DAY 26

【D-2 6】進階Sass的Introspection()函數、Miscellaneous()函數

>Introspection()函數:主要用來對值做一個判斷。 今日將介紹4種 Introspection()函數:1. type-of() 函數2. unit...

2022-10-06 ‧ 由 Minyeeee 分享
DAY 27

【D-2 7】進階Sass的Maps 函數(1)

今日將介紹4種 Introspection()函數:1. map-get($map,$key) 函數2. map-has-key($map,$key)函數3....

2022-10-07 ‧ 由 Minyeeee 分享
DAY 28

【D-2 8】進階Sass的Maps 函數(2)

今日將介紹4種 Introspection()函數:5.map-merge($map1,$map2)函數6.map-remove($map,$key)函數7.k...

2022-10-08 ‧ 由 Minyeeee 分享
DAY 29

【D-2 9】進階Sass的顏色函數(1)

RGB()顏色函數 R:red(紅色)、G:green(綠色)、B:blue(藍色)。 在SASS中有以下6種RGB函數: rgb($red,$gree...

2022-10-09 ‧ 由 Minyeeee 分享
DAY 30

【D-3 0】進階Sass的顏色函數(2)

HSL()函數 H:hue(色相)、S:saturation(飽和度)、L:lightness(亮度) hsl($hue,$saturation,$lig...

2022-10-10 ‧ 由 Minyeeee 分享