Skip link

Site header

CSS stage 0 polyfill (for development)

The purpose of this feature is to provides allow author to write pure CSS at stage 0+ and test it live into a browser. It is only intended to be used to support an in-browser development environment.

Working Example

We have the following nesting rule CSS (Stage 1) in our code base for testing, the expectation is see the "hello world" text to turn blue after the CSS polyfill wb.dev-css has initiated

Lorem ipsum hello world

<style>
/* For testing purpose with wb.dev-css */
p  {
	& .iamblue {
		color: blue;
	}
}
</style>

<p>Lorem ipsum <strong class="iamblue">hello world</strong></p>

Technical note

Depend on postCSS

That component is a customized built-in element that is build on top of a link element.

<link rel="stylesheet" href="assets/basic/1.0/css/style.css" is="wb.dev-css" />

Site footer