SCSS Color 型別
CSS顏色表示式屬於顏色資料型別,比如顏色十六進位制符號、rgb、rgba、hsl、hsla和使用關鍵詞(如red等)。
SCSS主要提供一些額外的功能,這樣就可以更有效的使用顏色。
程式碼例項如下:
[Scss] 純文字檢視 複製程式碼$color: yellowgreen; // #9ACD32 $color: lighten($color, 15%); // #b8dc70 $color: darken($color, 15%); // #6c9023 $color: saturate($color, 15%); // #a1e01f $color: desaturate($color, 15%); // #93ba45 $color: (green + red); // #ff8000
SCSS實現了對顏色值的精確計算,內建的大量的關於操作顏色的函式。
相關文章
- SCSS Null 型別CSSNull型別
- SCSS 字串 型別CSS字串型別
- SCSS 和 SASS 區別CSS
- SCSS @mixin和class 區別CSS
- SASS 和 SCSS 的區別CSS
- unity開發之知識記錄篇(color和string型別的相互轉換)Unity型別
- vue中sass與SCSS的區別VueCSS
- SCSS &父選擇器識別符號CSS符號
- scssCSS
- Color infection
- putty color
- SCSS @importCSSImport
- SCSS !optionalCSS
- SCSS @for 指令CSS
- SCSS @if() 指令CSS
- SCSS @contentCSS
- SCSS !globalCSS
- SCSS @extendCSS
- SCSS @mixinCSS
- SCSS @eachCSS
- TS資料型別:型別別名/聯合型別/字面量型別/型別推論等綱要資料型別
- 淺談程式語言型別的強型別,弱型別,動態型別,靜態型別型別
- found an invalid color
- Color Rows and Columns
- L02 教程 5.4 筆記 SCSS 引入 SCSS筆記CSS
- JavaScript引用型別-Object型別JavaScript型別Object
- 值型別和引用型別型別
- 小米手錶Color與華米手錶GTR哪個好?小米Color與華米GTR手錶區別對比
- SCSS #{} 插值CSS
- SCSS 函式CSS函式
- SCSS @at-rootCSS
- SCSS @while指令CSSWhile
- SCSS 註釋CSS
- SCSS map物件CSS物件
- SCSS 安裝CSS
- SCSS list 列表CSS
- SCSS without和withCSS
- js基本型別和引用型別區別JS型別