SassColor
層級結構
- 值
- SassColor
建構函式
建構函式
- new
Sass (options: {Color
alpha?: number;
blue: number;
green: number;
red: number;
}): SassColor -
建立 RGB 顏色。
僅有
undefined
應傳遞來表示遺失的alpha
。如果傳遞null
,它將在 Dart Sass 的未來版本中被視為 遺失的組成部分。有關 詳細資訊,請參閱 重大變更。拋出
Error
如果red
、green
和blue
不在0
和255
之間,或如果alpha
不在0
和1
之間。參數
-
options: {
alpha?: number;
blue: number;
green: number;
red: number;
}-
Optional
alpha?: number -
blue: number
-
green: number
-
red: number
-
傳回 SassColor
-
constructor
- new
Sass (options: {Color
alpha?: number;
色相: 數字;
明度: 數字;
飽和度: 數字;
}): SassColor -
建立一個 HSL 顏色。
僅有
undefined
應傳遞來表示遺失的alpha
。如果傳遞null
,它將在 Dart Sass 的未來版本中被視為 遺失的組成部分。有關 詳細資訊,請參閱 重大變更。拋出
如果
飽和度
或明度
不在0
到100
之間,或如果alpha
不在0
到1
之間,則會產生錯誤
。參數
-
options: {
alpha?: number;
色相: 數字;
明度: 數字;
飽和度: 數字;
}-
Optional
alpha?: number -
色相: 數字
-
明度: 數字
-
飽和度: 數字
-
傳回 SassColor
-
constructor
- new
Sass (options: {Color
alpha?: number;
黑度: 數字;
色相: 數字;
白度: 數字;
}): SassColor -
建立 HWB 顏色。
僅有
undefined
應傳遞來表示遺失的alpha
。如果傳遞null
,它將在 Dart Sass 的未來版本中被視為 遺失的組成部分。有關 詳細資訊,請參閱 重大變更。拋出
如果
whiteness
或blackness
不在0
到100
之間,或alpha
不在0
到1
之間,則會傳回Error
。參數
-
options: {
alpha?: number;
黑度: 數字;
色相: 數字;
白度: 數字;
}-
Optional
alpha?: number -
blackness: number
-
色相: 數字
-
whiteness: number
-
傳回 SassColor
-
存取器
alpha
- get alpha(): number
-
此顏色的 alpha 通道,介於
0
到1
之間。傳回 number
asList
- get asList(): List<Value>
-
此值為 清單。
所有 SassScript 值都可用作清單。對應項目計為成對清單,所有其他值計為單值 清單。
傳回 List<Value>
來自
immutable
套件 的不可變清單。
blackness
- get blackness(): number
-
此顏色的黑度,介於
0
和100
之間。傳回 number
blue
- get blue(): number
-
此顏色的藍色頻道,介於
0
和255
之間。傳回 number
green
- get green(): number
-
此顏色的綠色通道,介於
0
和255
之間。傳回 number
hasBrackets
- get hasBrackets(): boolean
-
此值作為清單是否有 括號。
所有 SassScript 值都可用作清單。對應項目計為成對清單,所有其他值計為單值 清單。
傳回 boolean
hue
- 取得 色相(): 數字
-
此顏色的色相,介於
0
和360
之間。傳回 number
為真
- 取得 為真(): 布林值
-
此值是否在
@if
陳述式和其他 內容中視為true
。傳回 boolean
明度
- 取得 明度(): 數字
-
此顏色的明度,介於
0
和100
之間。傳回 number
真空值
red
- get red(): 數字
-
此顏色的紅色通道,介於
0
和255
之間。傳回 number
saturation
- get saturation(): 數字
-
此顏色的飽和度,介於
0
和100
之間。傳回 number
separator
- get separator(): 清單分隔符號
-
此值作為 清單的分隔符號。
所有 SassScript 值都可用作清單。對應項目計為成對清單,所有其他值計為單值 清單。
傳回 ListSeparator
whiteness
- 取得 whiteness(): 數字
-
此顏色的白度,介於
0
和100
之間。傳回 number
方法
assertBoolean
- assert
Boolean (名稱?: 字串): SassBoolean -
如果
this
不是 SassBoolean,則擲回例外。⚠️ 注意!
函式通常應該使用 isTruthy,而不是需要一個文字 布林值。
參數
-
選用
名稱: 字串函數參數名稱
this
來自 (不含$
) 如果它來自參數。用於錯誤 回報。
傳回 SassBoolean
-
assertCalculation
- assert
Calculation (name?: string): SassCalculation -
如果
this
不是 SassCalculation 則會擲回。參數
-
選用
名稱: 字串函數參數名稱
this
來自 (不含$
) 如果它來自參數。用於錯誤 回報。
傳回 SassCalculation
-
assertColor
assertFunction
- assert
Function (name?: string): SassFunction -
如果
this
不是 SassFunction,則擲回例外。參數
-
選用
名稱: 字串函數參數名稱
this
來自 (不含$
) 如果它來自參數。用於錯誤 回報。
傳回 SassFunction
-
assertMap
assertMixin
assertNumber
- assert
Number (name?: string): SassNumber -
如果
this
不是 SassNumber,則擲回例外。參數
-
選用
名稱: 字串函數參數名稱
this
來自 (不含$
) 如果它來自參數。用於錯誤 回報。
傳回 SassNumber
-
assertString
- assert
String (name?: string): SassString -
如果
this
不是 SassString,則擲回例外。參數
-
選用
名稱: 字串函數參數名稱
this
來自 (不含$
) 如果它來自參數。用於錯誤 回報。
傳回 SassString
-
change
- change(options: {
alpha?: number;
blue?: number;
green?: number;
red?: number;
}): SassColor -
變更此顏色的其中一個或多個 RGB 通道,並傳回 結果。
參數
-
options: {
alpha?: number;
blue?: number;
green?: number;
red?: number;
}-
Optional
alpha?: number -
Optional
blue?: number -
Optional
green?: number -
Optional
red?: number
-
傳回 SassColor
-
change
- change(options: {
alpha?: number;
hue?: number;
lightness?: number;
saturation?: number;
}): SassColor -
變更此顏色的其中一個或多個 HSL 通道,並傳回 結果。
參數
-
options: {
alpha?: number;
hue?: number;
lightness?: number;
saturation?: number;
}-
Optional
alpha?: number -
Optional
hue?: number -
Optional
lightness?: number -
Optional
saturation?: number
-
傳回 SassColor
-
change
- change(options: {
alpha?: number;
blackness?: number;
hue?: number;
whiteness?: number;
}): SassColor -
變更此顏色的其中一個或多個 HWB 通道,並傳回 結果。
參數
-
options: {
alpha?: number;
blackness?: number;
hue?: number;
whiteness?: number;
}-
Optional
alpha?: number -
Optional
blackness?: number -
Optional
hue?: number -
Optional
whiteness?: number
-
傳回 SassColor
-
等於
取得
- get(index: number): undefined | Value
-
傳回此值中索引為
index
的值,為清單,或undefined
(如果index
對此清單無效)。所有 SassScript 值都可用作清單。對應項目計為成對清單,所有其他值計為單值 清單。
這是
this.asList.get(index)
的簡寫,儘管在某些情況下它可能更有效率。⚠️ 注意!
此方法使用與
immutable
套件相同的索引慣例:與 Sass 不同,第一個元素的索引為 0,但與 Sass 相同,負數會從清單的結尾開始索引。參數
-
index: number
傳回 undefined | Value
-
雜湊碼
sassIndexToListIndex
- sass
Index (sassIndex: Value, name?: 字串): 數字To List Index -
將
sassIndex
轉換成 JavaScript 風格的索引,以便傳回 asList 的清單。Sass 索引從 1 開始,而 JavaScript 索引從 0 開始。Sass 索引也可能是負數,以便從 清單的尾端開始索引。
拋出
錯誤
如果sassIndex
不是數字,如果該數字不是整數,或者如果該整數不是 asList 的有效索引。參數
-
sassIndex: Value
Sass 樣式的索引作為 清單。
-
選用
名稱: 字串函數參數
sassIndex
的名稱(不含$
)如果它來自參數。用於錯誤 報告。
傳回 number
-
Sass 的 顏色類型。
不論最初用什麼表示法來建立這個顏色,它的所有頻道都 可以存取。