Here's something closer to my real markup https://codepen.io/anon/pen/jwbqVy . I'm using React, and trying to keep each component fairly isolated.
-
-
Replying to @JakeGoulding
and what do you *want* it to look like? 2 divs with *all* rounded corners?
1 reply 0 retweets 0 likes -
Replying to @ag_dubs
I want it to look like this, but I've got stuff inside the well that uses absolute positioning and is bigger than the well, so it's clipped
1 reply 0 retweets 0 likes -
-
Replying to @ag_dubs
Here's a closer representation https://codepen.io/anon/pen/jwbqVy
1 reply 0 retweets 0 likes -
Replying to @JakeGoulding @ag_dubs
You can use CSS variables to give the CSS of your component something like a "public API":https://codepen.io/mstange/pen/zzvqXy …
2 replies 0 retweets 1 like -
Replying to @markusstange @ag_dubs
That's fascinating; I've never seen CSS variables used before! Any idea how to extend it so primary / secondary could be in arbitrary order?
1 reply 0 retweets 0 likes -
Replying to @JakeGoulding @ag_dubs
You could use :first-child / :last-child,https://codepen.io/mstange/pen/zzvqXy …
2 replies 0 retweets 1 like -
Replying to @markusstange @ag_dubs
:{first,last}-child would work, but my React code ends up needing to insert a div in there, adding extra nesting :-(
1 reply 0 retweets 0 likes -
Replying to @JakeGoulding @ag_dubs
Ah. I don't really see any good options here, unfortunately. You could make your react components set "first" and "last" classes, I guess...
1 reply 0 retweets 0 likes
That's kind of where we are leaning. It's a bit ugly to do. The other option is to drop the whole rounded corner thing, of course ;-)
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.