new RGBA about lessphp HOT 8 CLOSED

I like both of these ideas. The only issue I see is that special IE functions already support the syntax but the compiler would output in rgba()

eg.

filter: progid:DXImageTransform.Microsoft.gradient(enabled='false', startColorstr=#550000FF, endColorstr=#55FFFF00);

would turn into

filter: progid:DXImageTransform.Microsoft.gradient(enabled='false', startColorstr=rgba(85,0,0,1), endColorstr=rgba(85,255,255,0));

do you think that would be problem?

from lessphp.

Yeah I'm thinking about this to. Is it possible to detect the context of usage rgba color? If it is IE filter, return the filter syntax, else rgba(...);?

By the way thanks for implementing all of my ideas! ;)

from lessphp.

Actually it would not... Less cann't see colors used in filter. Can I somehow use a variabli in filter value? I couldn't figure it out.

from lessphp.

Is there any way to know, what property is being compile in lessc::compileValue method? That could solve this problem with filter. There is also similar issue with -webkit-border-radius.

from lessphp.

Well apparently not. But we could do something like this:

  $property = '';

  function compileProperty($name, $value, $level = 0) {
    foreach ($value as $v) {
      $this->property = $name;
      $props[] = str_repeat('  ', $level).$name.':'.$this->compileValue($v).';';
    }
    return implode("\n", $props);
  }

Then we can simply test variable $this->property in compileValue method. It is an ugly hack, but I noticed that compileValue is called from many places, so it might be a problem to do this through second parametr of compileValue. What do you think?

from lessphp.

I would tell what I am currently in by pushing the name of what I am entering on a stack at the start of compile value, and then popping it at the end. (the name of the property shouldn't matter, we just need to know that we are in a microsoft specific function in the value)

from lessphp.

Not only. Like i've said, there is also some difference between -webkit-border-radius and (-moz-)border-radius. For example:

/* this is equivalent: */
-webkit-border-radius:  40px 10px;
-moz-border-radius:  40px/10px;
border-radius:  40px/10px;

It's copy + paste from this site:
https://developer.mozilla.org/en/CSS/-moz-border-radius

from lessphp.

Ok, I've solved border-radius issue by mixins. But what with those filters? Without solution to this filters are limited to rgb. Well i think we have 2 options - some global flag whether we are in filter property or second argument for compileValue method (with same purpose).

from lessphp.