You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The current syntax is very simple and works well in most cases but limits the power of CSS selectors. There is no way to bind style value to the custom selector-like attribute with a specific value.
For example, we want our block to have the color #text by default and the color #special when it's focused or hovered.
There is still room for improvements 'cause we don't have the ability to specify CSS pseudo selector and Numl use its syntax to declare modifiers. The declaration color="#text &:hover,:focus{#special}" will be transformed into color="#text &[is-hover],[is-focus]{#special}". If we need to use native :hover syntax then there is no option for that.
Any ideas?
The text was updated successfully, but these errors were encountered:
We won't change v1 syntax. v1 is almost ready. We already postponed its release by a lot. A new syntax will require a big refactoring to its core. In that case, we will never see the v1 'cause there is always room for enhancements.
The current syntax is very simple and works well in most cases but limits the power of CSS selectors. There is no way to bind style value to the custom selector-like attribute with a specific value.
For example, we want our block to have the color
#text
by default and the color#special
when it's focused or hovered.Old syntax:
New syntax:
It's easier to read the second selector 'cause there is more CSS-like syntax. Also
[
,]
brackets are replaced with more intuitive{
,}
.It's also possible to specify custom selectors with attributes and their values:
There is still room for improvements 'cause we don't have the ability to specify CSS pseudo selector and Numl use its syntax to declare modifiers. The declaration
color="#text &:hover,:focus{#special}"
will be transformed intocolor="#text &[is-hover],[is-focus]{#special}"
. If we need to use native:hover
syntax then there is no option for that.Any ideas?
The text was updated successfully, but these errors were encountered: