Class Styles

constructor

• new Styles(
      init?: HTMLElement | PropertiesHyphen<0 | string & {}, string & {}>,
  ): Styles

  Parameters

  • Optionalinit: HTMLElement | PropertiesHyphen<0 | string & {}, string & {}>

  Returns Styles

StaticglobalStylesheets

apply

• apply(target: HTMLElement): void

  Apply these styles to an element

  Parameters

  • target: HTMLElement

  Returns void

delete

• delete(propName: keyof PropertiesHyphen<0 | string & {}, string & {}>): void

  Remove a style rule from this instance

  Parameters

  • propName: keyof PropertiesHyphen<0 | string & {}, string & {}>

  Returns void

get

• get<Prop extends keyof PropertiesHyphen<0 | string & {}, string & {}>>(
      propName: Prop,
  ): PropValue<Prop> | null

  Get the value of a single style

  Type Parameters

  • Prop extends keyof PropertiesHyphen<0 | string & {}, string & {}>

  Parameters

  • propName: Prop

  Returns PropValue<Prop> | null

has

• has(propName: keyof PropertiesHyphen<0 | string & {}, string & {}>): boolean

  Check if this instance has a given style rule

  Parameters

  • propName: keyof PropertiesHyphen<0 | string & {}, string & {}>

  Returns boolean

set

• set<Prop extends keyof PropertiesHyphen<0 | string & {}, string & {}>>(
      propName: Prop,
      value: PropValue<Prop>,
  ): void

  Set a single style or custom property

  Type Parameters

  • Prop extends keyof PropertiesHyphen<0 | string & {}, string & {}>

  Parameters

  • propName: Prop
  • value: PropValue<Prop>

  Returns void

Staticapply

• apply(
      target: HTMLElement,
      styles: Styles | PropertiesHyphen<0 | string & {}, string & {}>,
  ): void

  Apply the styles in a Styles instance to an element

  Parameters

  • target: HTMLElement
  • styles: Styles | PropertiesHyphen<0 | string & {}, string & {}>

  Returns void

Staticcss

• css(strings: TemplateStringsArray, ...values: any[]): CSSStyleSheet[]

  Parameters

  • strings: TemplateStringsArray
  • ...values: any[]

  Returns CSSStyleSheet[]

  An array of CSSStyleSheets containing the provided CSS

Staticfrom

• from(
      target: HTMLElement | PropertiesHyphen<0 | string & {}, string & {}>,
  ): Styles

  Create a Styles instance from a source object or element

  Parameters

  • target: HTMLElement | PropertiesHyphen<0 | string & {}, string & {}>

  Returns Styles