hey 20+ postcss plugins were updated and there are new versions of normalize.css (csstools) & sanitize.css and they use `:where()` now and drop ie support and up next is stitches v1.2, cq polyfill v0.7, new parser, & new icon library + new ways to write custom elements in astro.
It is here!!! ...Again, that is! To drum up MORE HYPE we're all having for the :has() selector AKA the Relational Pseudo-Class, possibly coming soon to CSS, I made a new @CodePen demo that emulates :has()! Here's a video to demonstrate! Take a look~
Demo: https://t.co/OxbV7G1Pa1
Still *very early days*, but you can begin to play around with :has() by passing --enable-blink-features=CSSPseudoHas when launching Chrome Canary! Wow! Thanks to @eyeo for funding @igalia's work on this longest requested feature! Ongoing work by @byungwoo_bw, stay tuned!
@TerribleMia Nice article! We've been using at-supports rules for container/element queries both preprocessing and for use in the browser (as well as other purposes too!)
- example of technique: https://t.co/CHQ26Y0Q2H
- in CSS: https://t.co/9NVXeW5D3w
- live demo: https://t.co/MO30FRMc7J
@jon_neal Yes, the way I describe it is I'm in the console of another 'window', like an iframe, or something that's not the global 'window' I expect. I believe there may be a drop down, or a way to select which console you're in…but I usually do what you do -> Quit and try again 🤣
A little hint to start 2021 with less bloat on the Web 🥳
If you transpile to ES5 (IE11) and you use rest and spread a lot, consider using these utilities instead, and no bloat will happen 👍
Hope you had a lovely NYE 👋
@tabatkins i'm right there with you unfortunately, but I can relate. Tuesday we lost our siamese due to freak blood clot he would never recover from. we are devastated, I loved that little guy like a son. hugs from us to you!
Here's the “library” I use every day for working with DOM in browsers—it's the APIs and methods every browser has already built-in! 🤘👨🎤🎸🎶 https://t.co/lRyR6PzrkD