Skip to content

cssVarName

Namespaces

Functions

cssVarName()

cssVarName<T>(name, useVar, namespace, processor): string

获取 CSS 变量名

Type parameters

Parameter
T extends CssVarNameType

Parameters

ParameterTypeDefault valueDescription
nameTundefined变量名
useVarbooleanfalse使用 var() 函数
namespacestring''命名空间
processorCssVarNameProcessorcssVarName.defaultProcessor变量名处理器

Returns

string

Example

ts
cssVarName('color')
// => '--color'

cssVarName('bg', true)
// => 'var(--bg)'

cssVarName('color', false, 'el')
// => '--el-color'

cssVarName('color', false, 'el', (namespace, name) => `${namespace}_${name}`)
// => '--el_color'

cssVarName.defaultProcessor = (namespace, name) => `${namespace}_${name}`
cssVarName('color', false, 'el')
// => '--el_color'

Type Aliases

CssVarNameProcessor

CssVarNameProcessor: (namespace, name) => string

变量名处理器

Parameters

ParameterType
namespacestring
nameCssVarNameType

Returns

string