larlet-fr-david/david/2024/_sources/2024-04-07 - Piscine.md

# Piscine

Il est tellement difficile de se remettre à nager. La première séance de l’année est toujours une agonie. Cent mètres, les bras qui brûlent et le souffle court. Cinq cent et déjà incapable d’aller plus loin. Heureusement que c’est le même rituel chaque année… et la promesse des lacs qui dégèlent participe à ma motivation.

---

> [en] While global variables scoped to the `:root` let me define system-wide defaults, I also like to scope variables for styles that change with utility classes to the element itself.
>
> CSS variables scoped to an element can use other CSS variables as their value. But ==scoping them to the element provides an easy way to modify them.==
>
> <cite>*[An advanced way to use CSS variables](https://gomakethings.com/an-advanced-way-to-use-css-variables/)*</cite>

Les variables CSS combinées à `:has()` + `:is()` + `:where()` transforment complètement la façon d’interagir avec une page pour pouvoir la styler. [Je](/david/2024/01/02/) [me](/david/2024/03/07/#hr-102) [répète](/david/2024/03/08/#hr-104) mais vraiment je ne m’en remets pas. À mon niveau de bidouilleur, c’est un pan entier de mon métier qui est en train d’être transformé. Si je savais ce dont je parlais, je comparerais ça à un changement de paradigme aussi fondamental que de l’objet au fonctionnel par exemple. *Prends tes gouttes papi.*

D’autres exemples documentés [sur le blog dev de 37signals](https://dev.37signals.com/modern-css-patterns-and-techniques-in-campfire/) (oui, je sais…).

#courage #sport #technique