Wisinski: That feel when hover states that were working 3 hours ago magically stop working
Kasee: Input.radio:not:checked:hover ~ label:before {
Eberst: Its not liking that suddenly
Agresta: Even though it was working
Sidles: Moved where the “:hover” was and it started working
Lovas: Guessing you moved the hover left and it fixed the problem?
Touch: Plamb: the ~ selector ***umes a “start ~ end” order, which might be your bug
Mazzie: Simple beginner ’em’ question please help: http://jsbin.com/cetamecixe/edit?html,css,output
Chee: Whats up with the format created by the css generator
Wiatrek: Background-color: #cdeb8e; // Old browsers
Hedrington: I put that code into a css file and it doesn’t work which seems to make sense
Nasuti: Bc it doesnt look like valid css to me
Showell: Http://www.colorzilla.com/gradient-editor/
Tecklenburg: Specifically http://colorzilla.com/gradient-editor/#cdeb8e+0,a5c956+100;Green+3D+%232
Mewborn: Leptone: they’re setting a default background color for when the browser doesn’t support a gradient
Callies: Ok but i compied that text and put it in a css file
Goerlich: And im not seeing a background color or any change
Kepke: Jarvo: browser has a “h1 { font-size: 2em }” which is *****ing with your results
Fassio: Mbm: doesnt my code overwrite it?
Lorson: Https://gist.github.com/leptone/16e33a1a1b0fc99fd99e
Melendes: Https://gist.github.com/leptone/31973cd1103ab42249a0
Paradee: Why arent my background styles displaying
Starnold: Mbm: got it, thanks a lot
Shadburn: Leptone: probably because you pasted directly into your .css without specifying any selector first
Dinkens: Oh so all of that should be in like an:
Cipriani: Is there a way to select elements that have a data- attribute?
Ellias: Cipriani: wouldn’t that be something like *data-whatever ?
Cipriani: Mbm: Yeah, but I want the “whatever” to be a wildcard
Cipriani: I want to select *anything* that has a data- attribute
Talarico: Cipriani and do what with them?
Cipriani: Duch_kazatel: Doesn’t matter, I’m just asking if I can select them
Wessel: Hmm, can’t think of any easy way
Cipriani: That’s what I thought :
Cobbin: Could do it with a few lines of javascript
Schmeider: Actually it can matter depending on your end goal, but yeah.
Cipriani: Duch_kazatel: I’m telling you that it doesn’t
Lodrigue: Cipriani, http://jsfiddle.net/n3ohaj4t/1/
Dziduch: Your end goal could be totally relevant, but okay.
Cipriani: Lodrigue: Those are cl***es, though – not attributes
Lodrigue: I know. readt the sample :
Lodrigue: Cl*** is attribute also
Bortz: That’s partial attribute value, not name.
Cipriani: Duch_kazatel: We have a lot of legacy cruft and we also have a new set of consistent design patterns that we are using for our new components. We want to apply some styles to all components leveraging the one differentiating factor that they have, and that factor happens to be that they are the first things that use data- attributes.
Cipriani: That’s the answer to your question
Leake: Yep – fantastic. a lot of times, when somebody has a very strange question like that, the original premise is kind of. off. so i was simply making sure there wasn’t a cleaner approach :
Cipriani: Also, we can’t get buy-in on changing the old stuff so have to make a pattern around gradually deprecating it
Jimbo: Hrm. i’d maybe just add a cl*** to everything in the back end and bite the bullet there.
Swonke: Now that this channel is alive again . anyone know how to do an overflow visible and scroll? eg, overflow-x:visible; overflow-y:scroll . if you try the css like that overflow-x gets converted to overflow-x:hidden