When I came across CleverCSS, something bugged me about its implicit
concatenation and arithmetic evaluation, but I couldn't quite
verbalize it. Your example was exactly what I was thinking or back
then.

Now, consider the following example:

x = -20px

.rstar:
        background-position: 0px $x
        width: 65px
        height: 13px

CleverCSS will render it as:

.rstar {
  background-position: 0px -20px;
  width: 65px;
  height: 13px;
}

That is, of course, as it may be expected and as it should be, if you
wanted any arithmetics performed there, you would have to say "(0px +
$x)" which will always perform the arithmetic operation. Given your
example (and my own css files) I would argue that implicit arithmetics
is evil because it will bite you when you least expect it. I would
really love to have a way to disable it.

Regards,
  Artem

On May 12, 10:57 am, jkn <[email protected]> wrote:
> Answering my own question - grouping using parentheses seems to do the
> trick:
>
> .rstar:
>         background-position: (0px) (-20px)
>         width: 65px
>         height: 13px
>
> gives
>
> .rstar {
>   background-position: 0px -20px;
>   width: 65px;
>   height: 13px;
>
> }
>
> which is what I needed.
>
>     J^n

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"pocoo-libs" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/pocoo-libs?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to