Re: [csswg-drafts] [css-cascade] Additive CSS (#1594)

Hello there,

I am just a humble web dev, nothing important, but I stumbled upon your discussion and I woul like to add my views.  
It seems to me that what you want is something like (Compound Assignment in C#) [Additional Assignment](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Assignment_Operators#Addition_assignment) and [subtraction assignment](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Assignment_Operators#Subtraction_assignment).

So instead of:  
`!add` and `!remove` - In your eg: `text-decoration: underline !add`
You would have:  
`+:` and `-:` - So for eg: `text-decoration+: underline`

For animations I have also bee thinking about compounding a CSS var:  
So if you want to slide in and animate the colour:
``` css
:root {
  --animation: ;
}
.animated {
  animation: var(--animation);
}
.slide-in {
  --animation: slidein 5s;
}
.colour {
  --animation: var(--animation), colour 5s;
}
```

See [my pen](https://codepen.io/luketobrien/pen/ExaRERZ) - I have commented out the compound var expression so that the pen will work.

Whatcha think? :-)



-- 
GitHub Notification of comment by LukeTOBrien
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1594#issuecomment-573818802 using your GitHub account

Received on Monday, 13 January 2020 19:02:56 UTC