[idea] pseudo inline styles

An idea for handling CSS:

var bel = require('bel')
var css = {
  position: 'absolute',
  top: 100,
  left: 200
}
var element = bel`<div style=${css}>Hello!</div>`

Which would detect the style key and use dom-css to set the .style[prop] directly on the elements (CSP safe). It will even do vendor prefixing.

[yoshuawuyts]

Agree with @shama. Yeah, also wouldn’t use this, but not opposed tho if people want it. It would need to be ported to yo-yoify and tested on both projects before we could land it

On Sun, May 21, 2017, 19:20 Charlike Mike Reagent [e-mail] wrote:

Probably. But it cost nothing and DOM itself supports it. If anyone want more then he can use something like dom-css or such.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/shama/bel/issues/3#issuecomment-302950200, or mute the thread https://github.com/notifications/unsubscribe-auth/ACWlek5rUUmWhrcR4TI9RwcZzo5OYudEks5r8HJIgaJpZM4Hnzkh .

[shama]

Maybe it’s because I rarely use inline styles and when I do, it’s almost always directly on the element. Non-inline CSS is far superior IMO so this convenience isn’t useful to me.

But, if the overwhelming consensus is to add this back then we can.