how to do :after :before

[mcwhittemore]

As we try playing around with different grid system in react (no css) we need to figure out how to replace the need for :after and :before.

I am currently working on this really simple grid from css-tricks. @totty90 mentioned in material-ui/issues#30 that he might have a solution.

[rickyvetter]

Isn't what we really want the ability to access the shadow DOM? Or do we actually need the ability to use :before and :after?

[rickyvetter]

https://twitter.com/Vjeux/status/532555299002286081
Vjeux's opinion is pro using real DOM elements. That doesn't help us porting over gird systems but it's interesting and in reality it wouldn't be hard to make a div do the work - most of these frameworks are just using before and after to do clearfixing. The generated code wouldn't be pretty but it would work exactly the same way and arguably be more functional in that you could pretty easily switch from a rigid height grid like Bootstrap to something without clearfixes that looks more like Masonry.