Re: [css3-conditional] @supports rule

On Wed, 17 Jan 2018 01:04:09 +0100
Dennis Heuer <einz@verschwendbare-verweise.seinswende.de> wrote:
> > 
> > @supports css21 and (css3: text-decoration, compositing,
> > transform) ...
> > 
> > This is a quite arbitrary example... Just a guess...
> > 

This is answering the response. Sorry, lost that email already...

First, css _is_ versioned. There is css21, and we talk about proposals
for css3. Only, you can't version in css. That is sad, from my point of
view. However...

Second, I understand your position. But something made me think. When
it's only about cheating, how can you stop this at all? Who says that
the browser will not check different for @support rules? And even when a
browser parses a rule correctly, that does not mean that he displays
correctly. We can not make a standard against this. But we can make a
standard with interesting features that might be supported by the
browsers that win the hearts of the users. That's how I think.

However, no more burden to the poor human who has to type down all the
properties. Funnily that's what I'm doing right now for my selfbrewn
lesscss (lesserphp) 'toolkit'. It's total overload and targeted at
theme'ing my wiki. But it's fun and a silent wish for css. You can
check the below (arbitrary) example at:

http://leafo.net/lessphp/editor.html:


// less is not a programming language, causing redundancy

text-decoration-line(@value:@text-decoration-line) when not (@value=-)
{text-decoration-line: @value;}

text-decoration-style(@value:@text-decoration-style) when not (@value=-)
{text-decoration-style: @value;}

text-decoration-color(@value:@text-decoration-color) when not (@value=-)
{text-decoration-color: @value;}

text-decoration(@line:  @text-decoration-line,
                @style: @text-decoration-style,
                @color: @text-decoration-color,
                @base:  @text-decoration)
{
  caller() when not (@base = -){
    text-decoration: @base;
  } caller();
  text-decoration-line(@line);
  text-decoration-style(@style);
  text-decoration-color(@color);
 }

@fallbacks { // could be normalization or theme widget values in .ini
  @text-decoration:       - ;
  @text-decoration-line:  - ;
  @text-decoration-style: wavy;
  @text-decoration-color: blue;
} @fallbacks();


div {
//text-decoration(underline, , ,initial); should work but doesn't
  text-decoration(@line: underline, @base: initial);
}

The result is:

div {
  text-decoration: initial;
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: blue;
}



Regards,
---------------------------------------------------------------------
Dennis Heuer
einz@verschwendbare-verweise.seinswende.de

Received on Wednesday, 17 January 2018 01:18:47 UTC