Class DomCss

Hierarchy

DomCss

Index

Constructors

Properties

defaultCssRef flatSelectors

Accessors

Methods

defaultCss fonts getRulesData getValue handleVars higherZindex rule rules rulesText

Constructors

constructor

new DomCss(): DomCss
Returns DomCss

Properties

`Static` `Private` defaultCssRef

defaultCssRef: Map<string, Map<string, string>> = ...

`Static` `Private` flatSelectors

flatSelectors: string[] = ...

Accessors

`Static` sheet

get sheet(): CSSStyleSheet
Returns CSSStyleSheet
- Defined in core/DomCss.ts:11

Methods

`Static` defaultCss

defaultCss(tagName, force?): Map<string, string>
Get browser native element default css values. Called multiple times the method could be time consumming. The result will be computed only once for a given tagName until 'force' is set to true
Parameters
- tagName: string | HTMLElement
  
  tag name of the native element to test
- force: boolean = false
  
  force recomputation
Returns Map<string, string>
the default css values.
- Defined in core/DomCss.ts:27

`Static` fonts

fonts(data, sheet?): {
[k: string]: CSSRule;
}
Parameters
- data: {
      [k: string]: {
          [k: string]: string;
      } | string | string[];
  }
  
  fonts urls or styleset by font-family
  - [k: string]: {
    [k: string]: string;
    } | string | string[]
- Optional sheet: CSSStyleSheet
  
  target stylesheet
Returns {
[k: string]: CSSRule;
}
- [k: string]: CSSRule
- Defined in core/DomCss.ts:67

`Static` getRulesData

getRulesData(data): DomRulesRulesResultType
Transforms sass like data to css like data.
Parameters
- data: RRecord<string | number>
  
  sass like structured object
Returns DomRulesRulesResultType
data with css rules and aliases.
- Defined in core/DomCss.ts:239

`Static` getValue

getValue(node, name): any
Parameters
- node: HTMLElement
- name: string
Returns any
- Defined in core/DomCss.ts:293

`Static` handleVars

handleVars(root?, cssVars?, sheet?): CssVarsType
Parameters
- Optional root: string
- Optional cssVars: {
  [k: string]: string;
  }
  - [k: string]: string
- Optional sheet: CSSStyleSheet
Returns CssVarsType
- Defined in core/DomCss.ts:204

`Static` higherZindex

higherZindex(parent?): number
Parameters
- parent: HTMLElement = document.body
Returns number
- Defined in core/DomCss.ts:302

`Static` rule

rule(selector, data, sheet?, rootRules?, aliases?): CSSStyleRule
Create a new js cssRule object;
Parameters
- selector: string
  
  selector the new rule css query.
- data: DomRulesDataType
  
  style data.
- Optional sheet: CSSStyleSheet
  
  target stylesheet
- Optional rootRules: Record<string, CSSStyleRule>
  
  rules group object
- Optional aliases: Record<string, string | number>
  
  rule aliases mapping
Returns CSSStyleRule
- Defined in core/DomCss.ts:98

`Static` rules

rules(data, sheet?, uniquePrefix?): DomRulesType
Create a collection of cssRule objects;
Parameters
- data: RRecord<string | number>
  
  sass like structured object
- Optional sheet: CSSStyleSheet
  
  target stylesheet
- uniquePrefix: string = ''
  
  if set, will encapsulate datas with a unique className. an object {className:string,rules:object([ruleName]:CSSStyleRule} will be returned.
Returns DomRulesType
- Defined in core/DomCss.ts:156

`Static` rulesText

rulesText(data): any[]
Parameters
- data: RRecord<string | number>
Returns any[]
- Defined in core/DomCss.ts:181

Generated using TypeDoc