[FEAT] create Obvious (custom CSS preprocessor)

[SRNV]

mostly inspired by Sass and Less.
the plan is to make it the default parser

can use components datas

<proto>
  declare:
    public readonly color = 'red';
</proto>
<style>
.container {
  .text {
    color: ${color}
  }
}
</style>

[SRNV]

key features

• import component's rules and vars @use 'component-tagname' as Component;
• export rules, vars @export const var = red;
• rules type checking @type container = { color: red; }
• vars @const t = value;
• nested rules
• save rules inside vars @const t = div { /* ... */}
• eval with typescript to get value @const* var = true;
• spread rules @const rule = div {...}; div { ...rule; }
• supports for all @ native css rules
  • keyframes
  • media queries
  • font-face
  • document
  • charset
  • import
  • namespace
  • supports
  • counter-style
  • etc ...

[SRNV]

// style.o3

[SRNV]

media queries are now supported

still work to do on keyframes
some ideas here