alfa-css 0.96.0
Install from the command line:
Learn more about npm packages
$ npm install @siteimprove/alfa-css@0.96.0
Install via package.json:
"@siteimprove/alfa-css": "0.96.0"
About this version
This package implements support for CSS syntax and values.
(all paths are relative to src/
)
-
syntax
: Support for the CSS syntax and parsers for the basic tokens. -
unit
: Model of CSS units. We currently only supportangle
andlength
. -
calculation
: Model of CSS calculations. This contains base (non calculated) numeric types, and calculations themselves. -
value
: Model for the CSS values themselves. This includes another copy of the numeric types, but this time including potential calculation. Most of the actual work is likely to involve this directory. It is further split into the various types.
The Value
type contains the shared structure of CSS values. Most notably:
-
Value
have atype
string parameter that can be used as a discriminating union field (e.g. in aswitch
statement). However, it may sometimes be more convenient to use theFoo.isFoo
type predicates, notably in combination with aSelective
construct. -
Value
have aCALC
type parameter that indicates whether they may contain calculations (i.e. ifCALC
isfalse
, we guarantee there is no calculation, but ifCALC
istrue
, we do not guarantee the presence of a calculation). This parameter can be accessed programmatically with theValue#hasCalculation()
type predicate. -
Value
have aFoo.Canonical
subtype representing the canonical form of the value. This includes resolving calculations, converting units to their canonical units (e.g.px
for lengths), and otherwise converting formats (e.g. canonical colors are in RGB format). -
Value
have a#resolve()
method to resolve calculations and provide the samevalue
in its canonical form. These may need a resolver to help with some types (mostly lengths and percentages). The type system should ensure that#resolve()
is always called with the correct resolver.Value
that need a resolver also have aFoo.Resolver
type to declare it. - For many
Value
, percentage resolution depends on data Alfa does not always have (usually, size of boxes). These also have aFoo.PartiallyResolved
type, and aFoo.partiallyResolve()
function (with itsFoo.PartialResolver
interface). Note that partially resolved values will possibly include calculations, including mixed ones (length-percentage
) and that needs to be handled downstream (e.g. with the computed values of the CSS properties using these). -
Value
implement theResolvable
interface, which state into what they resolve, and which resolver they need.