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" />