Dynamic styling

- ~~explain why binding \<[span](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span) value="..."\> is better than binding [Text](https://developer.mozilla.org/en-US/docs/Web/API/Text).[data](https://developer.mozilla.org/en-US/docs/Web/API/CharacterData/data)~~
~~Nope! \ doesn't have attribute `value=""`
So the only option I have is `<: :="prop">fallback text`
When hydrated, it transform into `<: :="prop" text="prop value">prop value`
The `text="..."` attribute can be used for dynamic styling
For example: `[text=error] { color: red }`~~
Nevermind, I decided to use `:text=` attribute for controlling text content.
This will transform `fallback`
into `prop value`