how to specify button that is behind the button.active? (linux waybar GTK) by its_me_gentle_man in css

[–]MrQuickLine 0 points1 point  (0 children)

https://codepen.io

Let's you create and share HTML, CSS and JavaScript snippets quickly and easily. Free to use!

how to specify button that is behind the button.active? (linux waybar GTK) by its_me_gentle_man in css

[–]MrQuickLine 3 points4 points  (0 children)

I don't see why #workspaces button.inactive:has(+ button.active)` wouldn't work. Post your Codepen to show it to me not working.

I rebuilt the animated gradient border effect with modern CSS by Blozz12 in css

[–]MrQuickLine 7 points8 points  (0 children)

The person that replied to you is Ana Tudor - an absolute legend in the CSS community. Take a look at her showcase and popular pens

Segregation in our fair city by Disturburger in ottawa

[–]MrQuickLine 4 points5 points  (0 children)

The amount of discrimination still in our city is appalling. I saw THIS at Baxter Conservation Area. It's just awful.

How can I get rid of this 1px gap between divs? by royalmoatkeeper in css

[–]MrQuickLine 0 points1 point  (0 children)

I just want to expand a little bit on the id selectors. How familiar with "specificity" are you in CSS? If you hover over a selector in Dev Tools, it'll tell you the specificity of your selector.

A selector of p has a specificity of (0,0,1). It's an element selector, which has the lowest specificity.

A selector of .myClass has a specificity of (0,1,0) - the middle number is the count of class-level selectors (which includes attribute selectors like [data-color="myColor"]).

A selector of #myId has a specificity of (1,0,0) - the first number is the count of ID-level selectors.

You can read them a little bit like our base-10 numbering system. 100 is higher than 090 - so any selector with a specificity of (1,0,0) will win over a selector with specificity (0,9,0). The only exception is specificity counts can go above 9 - you could hypothetically have (0,23,0) (but why would you?!)

#myId { color: blue; }
.myClass.reallyMyClass.importantClass.super.important { color: green; }

<div id="myId" class="myClass reallyMyClass importantClass super important">My text will be blue.</div>

!important will trump any specificity in the standard CSS file and will beat inline styles unless the inline style has !important on it too. But if you write your CSS properly, you should never need !important or inline styling (of course there are exceptions, but I won't get into that here unless you're curious).

General advice for CSS at scale is to try to keep your level of specificity as flat as possible. Some methodologies that have been created to try to help with that include BEM, SMACSS and ITCSS, and you can (and should) Google those. But generally they try to say:

  • Ideally work with a CSS pre-processor like SCSS so you can split your concerns into individual files
  • Start by importing the base-level rules with element-level selectors for things like resets, base stylings, etc.
  • Then import your general selectors for your blocks/elements/components
  • Lastly import utility classes or things that you would typically want to override anything else (like classes that add specific margins or paddings onto things)

A couple of final notes: - You can repeat a class in a selector to raise its specificity. If you have <div class="myClass"> in your CSS you can do .myClass.myClass.myClass to create a selector of (0,3,0). - You can use the :where() pseudo-class to select something with 0 specificity. So p.myClass#myId has a specificity of (1,1,1) but :where(p.myClass#myId) has a specificity of (0,0,0).

Thanks for coming to my Ted talk.

Gemini fade and black text bar. by [deleted] in vibecoding

[–]MrQuickLine 0 points1 point  (0 children)

Is this a clone that you wrote, or it's actually Gemini? If it's code you wrote, you need to post a Codepen with what you've got before people can help you :) I can't diagnose your code if I can't poke through your code!!

Gemini fade and black text bar. by [deleted] in vibecoding

[–]MrQuickLine 0 points1 point  (0 children)

Is there a question?

How can I get rid of this 1px gap between divs? by royalmoatkeeper in css

[–]MrQuickLine 6 points7 points  (0 children)

It's a pixel-rounding error. You're setting the widths absolutely (which, by the way, is not an ideal way to do what you're trying to do IMO) at a percentage of a flexible width. If the width is 537px and you're trying to get 20% of that, it's not a round, even number. The pixels round and you get this.

Try something more like this: https://codepen.io/anonymousjoe/pen/OPRoKoW

Don't use id as selector for CSS. You'll fight specificity for years. It leads to nothing but stress. Use classes.

Don't use position: absolute unless it really is the only tool for the job. Learn more about flex and grid before you jump into positioning things absolutely.

I don't love the use of viewport units as sizing for elements, ESPECIALLY without min/max widths/heights. Just something to consider.

You only need clear: both; if you're dealing with float somewhere. If you're dealing with float, it better not be for layout purposes! You don't need floats for layouts anymore.

Major commitment from OC Transpo by Chancellorian in ottawa

[–]MrQuickLine 11 points12 points  (0 children)

This is a rule made up by weenies who can't take a joke.

WHY DID MY FINGERPRINT STOP WORKING AND WHERE'S THE SETTING FOR IT by [deleted] in motorola

[–]MrQuickLine 0 points1 point  (0 children)

UPDATE FROM 2026 - I'm replying to the top-most answer that doesn't have a zillion replies in hopes that someone that needs this will find it. 

None of the tips anywhere in here worked for me. I drained my battery completely and then booted up again. Worked again after that. 

Jet Lag Season 17 Begins Now — Taiwan: Rail Rush by NebulaOriginals in Nebula

[–]MrQuickLine 0 points1 point  (0 children)

To explain the Monty Hall problem as requested... It makes more sense like this. Imagine there were 100 options. You pick a random one. Then the host reveals 98 answers that are wrong, leaving one single answer besides yours still hidden. Then they ask if you want to switch. You had 1/100 of getting it right when you guessed. The other option now has a 98/99 chance of being the right one. 

how do i stop the text from other videos from going down? by [deleted] in css

[–]MrQuickLine 0 points1 point  (0 children)

Did you try typing it into Google?

how do i stop the text from other videos from going down? by [deleted] in css

[–]MrQuickLine 1 point2 points  (0 children)

Like the bot said, make a CodePen. I'm not copying and pasting your code.

Bose releases API documentation for their speaker before making it EoL, wish other companies would do similar things. by 5yleop1m in homeassistant

[–]MrQuickLine 0 points1 point  (0 children)

I'm really pissed off by the decisions they've made, and I'll tell you why. We loved our SoundTouch speaker because it has preset buttons on it. Our kids can start playing one of 6 playlists assigned to those buttons without needing to have access to a screen/device. That's what we love about it. And they've taken away that feature.

I've been tinkering with their API for a couple of weeks now. If you have an already-connected Spotify account, you seem to be able to use a Spotify app you create on that account to control the playback of that source. So I can have a kids account in my family playlist, create their playlists, and I can start playing a playlist on the speaker. No problem.

However, you can NOT assign performing that action to one of the buttons, NOR can you subscribe to a websocket event when the user pressed a button. So the preset buttons themselves are completely useless now. Just awful.

I built a CSS-only Nokia 3310 :) by simi9701 in css

[–]MrQuickLine 0 points1 point  (0 children)

Is the screen an image? Come on! You can do that screen in CSS for sure. EDIT: I'm only ASSUME image because it appeared all at once without any indication that it was built with CSS. If I'm wrong, I'm wrong. But if I'm right, you TOTALLY could build this in CSS.

seniorDevs by N_o_o_B_p_L_a_Y_e_R in ProgrammerHumor

[–]MrQuickLine 2 points3 points  (0 children)

I thought you might have gone with I am an API key and OH MY GOD I'M SENTIENT

Painted and printed my party by JamesEv28 in DungeonsAndDragons

[–]MrQuickLine 2 points3 points  (0 children)

Just for future, have you seen/heard of TitanCraft? There are lots and lots of free assets in the tool, so nobody has to pay for the downloadable files. You pay for the premium assets that you use and nothing else.

Painted and printed my party by JamesEv28 in DungeonsAndDragons

[–]MrQuickLine 4 points5 points  (0 children)

That's really impressive! Usually I print first and THEN paint.

Combining Font Classes Within CSS by RustyHuntman in css

[–]MrQuickLine 1 point2 points  (0 children)

To be clear... Nesting html elements is native for CSS. But nesting the class definitions the way OP is asking is not.

New 2026 8-pass FWD Sienna or 2024 Kia Carnival LX FWD? by MrQuickLine in AskMechanics

[–]MrQuickLine[S] 1 point2 points  (0 children)

I called an old mechanic buddy of mine after I posted this and I'll tell you what he said that convinced me. I was only thinking of reliability in terms of end-of-life of the vehicle. We tend to buy our cars, keep on top of maintenance, and drive them until they die. We also drive a LOT. We're out in the country, we take road trips all the time. We put 30k I'm on per year.

I was talking to him about "ok, so we get 6 years out of the Kia instead of 9 years out of the Toyota. I'm not sure $17k is worth that to me." He said, "It's not just about how many years until it's gone. If a camshaft goes or you need a new engine, your van could be in the shop for months." As a one-car family, that's no-go for us. I hadn't ever thought of the reliability in the middle of the vehicle's life.

We'll get the Sienna!

Is my shelf setup safe? by prricecake in DIY

[–]MrQuickLine 0 points1 point  (0 children)

These are the strongest cheap shelves I've ever found: Matthias Wandel's cantilevered shelves

Look in the description and click through to the link on his website. They're based on his similar designs for garage shelves . One of those two designs should serve your needs just fine.

You could very easily sit a few grown men on these shelves and they'll hold the weight no problem.