Class CSS | Visua

Modules

Class CSS

A utility class which exposes various numeric factory functions to easily create CSSUnitValues, similar to CSS Typed Om’s CSS namespace.

const size = CSS.px(14);
// Is a shorthand for
const size = new CSSUnitValue(14, 'px');

Hierarchy

CSS

Index

Methods

Methods

Static

Hz

Hz(value: number): CSSUnitValue

Defined in cssom/css.ts:539

Creates a CSSUnitValue with value and Hz unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

Q

Q(value: number): CSSUnitValue

Defined in cssom/css.ts:440

Creates a CSSUnitValue with value and Q unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

areCompatible

areCompatible(...units: string[]): boolean

Defined in cssom/css.ts:593

Returns true if the provided units are compatible (ie cm and mm are compatible, px and Hz are incompatible)

Parameters
- Rest ...units: string[]
Returns boolean

Static

ch

ch(value: number): CSSUnitValue

Defined in cssom/css.ts:368

Creates a CSSUnitValue with value and ch unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

cm

cm(value: number): CSSUnitValue

Defined in cssom/css.ts:422

Creates a CSSUnitValue with value and cm unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

deg

deg(value: number): CSSUnitValue

Defined in cssom/css.ts:485

Creates a CSSUnitValue with value and deg unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

dpcm

dpcm(value: number): CSSUnitValue

Defined in cssom/css.ts:566

Creates a CSSUnitValue with value and dpcm unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

dpi

dpi(value: number): CSSUnitValue

Defined in cssom/css.ts:557

Creates a CSSUnitValue with value and dpi unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

dppx

dppx(value: number): CSSUnitValue

Defined in cssom/css.ts:575

Creates a CSSUnitValue with value and dppx unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

em

em(value: number): CSSUnitValue

Defined in cssom/css.ts:350

Creates a CSSUnitValue with value and em unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

ex

ex(value: number): CSSUnitValue

Defined in cssom/css.ts:359

Creates a CSSUnitValue with value and ex unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

fr

fr(value: number): CSSUnitValue

Defined in cssom/css.ts:584

Creates a CSSUnitValue with value and fr unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

getCanonicalUnit

getCanonicalUnit(unit: CSSUnit): CSSUnitData

Defined in cssom/css.ts:626

Gets the canonical unit of the compatibility set of which unit is part of

Parameters
- unit: CSSUnit
  
  The name of the unit
Returns CSSUnitData

Static

getUnitData

getUnitData(unit: string | CSSUnit): CSSUnitData

Defined in cssom/css.ts:603

Gets some basic data about unit such as name, symbol or compatibility set

Parameters
- unit: string | CSSUnit
  
  The name or symbol of the unit
Returns CSSUnitData

Static

grad

grad(value: number): CSSUnitValue

Defined in cssom/css.ts:494

Creates a CSSUnitValue with value and grad unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

in

in(value: number): CSSUnitValue

Defined in cssom/css.ts:449

Creates a CSSUnitValue with value and in unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

kHz

kHz(value: number): CSSUnitValue

Defined in cssom/css.ts:548

Creates a CSSUnitValue with value and kHz unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

mm

mm(value: number): CSSUnitValue

Defined in cssom/css.ts:431

Creates a CSSUnitValue with value and mm unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

ms

ms(value: number): CSSUnitValue

Defined in cssom/css.ts:530

Creates a CSSUnitValue with value and ms unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

number

number(value: number): CSSUnitValue

Defined in cssom/css.ts:332

Creates a CSSUnitValue with value and number unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

pc

pc(value: number): CSSUnitValue

Defined in cssom/css.ts:467

Creates a CSSUnitValue with value and pc unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

percent

percent(value: number): CSSUnitValue

Defined in cssom/css.ts:341

Creates a CSSUnitValue with value and percent unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

pt

pt(value: number): CSSUnitValue

Defined in cssom/css.ts:458

Creates a CSSUnitValue with value and pt unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

px

px(value: number): CSSUnitValue

Defined in cssom/css.ts:476

Creates a CSSUnitValue with value and px unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

rad

rad(value: number): CSSUnitValue

Defined in cssom/css.ts:503

Creates a CSSUnitValue with value and rad unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

rem

rem(value: number): CSSUnitValue

Defined in cssom/css.ts:377

Creates a CSSUnitValue with value and rem unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

resolveUnit

resolveUnit(unit: string): CSSUnitData

Defined in cssom/css.ts:613

If unit is a valid css unit name or symbol returns its data, otherwise throws an error

Parameters
- unit: string
  
  The name or symbol of the unit
Returns CSSUnitData

Static

s

s(value: number): CSSUnitValue

Defined in cssom/css.ts:521

Creates a CSSUnitValue with value and s unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

turn

turn(value: number): CSSUnitValue

Defined in cssom/css.ts:512

Creates a CSSUnitValue with value and turn unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

vh

vh(value: number): CSSUnitValue

Defined in cssom/css.ts:395

Creates a CSSUnitValue with value and vh unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

vmax

vmax(value: number): CSSUnitValue

Defined in cssom/css.ts:413

Creates a CSSUnitValue with value and vmax unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

vmin

vmin(value: number): CSSUnitValue

Defined in cssom/css.ts:404

Creates a CSSUnitValue with value and vmin unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue

Static

vw

vw(value: number): CSSUnitValue

Defined in cssom/css.ts:386

Creates a CSSUnitValue with value and vw unit

Parameters
- value: number
  
  The numeric value
Returns CSSUnitValue