Directives with the same prefix can be grouped using parenthesis. Beamwind will expand the nested directives; applying the prefix to each directive in the group before translation. For example:
Some directives like ring need to be applied as is. For that case you can use the special & directive which is replaced with the current prefix:
ow`ring(& ping-700 offset(4 ping-200))`)
// => ring ring-ping-700 ring-offset-4 ring-offset-on-ping-200
I think it would be good if both libraries would support the same string syntax. I try to tackle this on the weekend. But as oceanwind has a different parsing approach it may take some time. I'll report my findings ...
oceanwind has introduced the awesome idea of variant grouping (
sm:(...) hover:(...)
).In beamwind we've added directive grouping as well.
Directives with the same prefix can be grouped using parenthesis. Beamwind will expand the nested directives; applying the prefix to each directive in the group before translation. For example:
Some directives like ring need to be applied as is. For that case you can use the special & directive which is replaced with the current prefix:
I think it would be good if both libraries would support the same string syntax. I try to tackle this on the weekend. But as oceanwind has a different parsing approach it may take some time. I'll report my findings ...