csscade

csscade, 24 days ago to random

Okay, so when making a popover I think the logic should go something like this:

1. Use title if the content of the popover is just text.

2. Use the popover attribute if the content is more than plain text and like a menu of options or something.

3. Use <dialog> if you need to force the user to make a decision or block all other interactions on the page.

https://www.csscade.com/popover-api

csscade, 1 month ago to random

Did ya know that it’s possible to style an element if it’s overflowing the parent element? I certainly didn’t!

.parent {  
 max-width: 300px;  
}

.child {  
 width: 500px;

 @media@mastodon.social (overflow-inline) {  
 background: yellow;  
 }  
}  

https://www.csscade.com/cool-queries