Variables CSS NATIVAS: ¿Qué son y cómo funcionan?

Muchas veces me encuentro con desarrolladores que no conocen la existencia de variables en CSS (CSS Custom Properties) de forma nativa (sin utilizar preprocesadores). Llevan mucho tiempo entre nosotros, pero no se conocen demasiado, o se desconocen muchas de sus características: ✨Permite reutilizar información ✨Posibilidad de indicar fallbacks ✨Sensible a ámbitos del DOM ✨Filtrado a través de Shadow DOM ✨Tipos de datos en CSS (experimental) ¡Te lo explico! TIMELINE: 00:00 Introducción 01:14 Estructura HTML inicial 03:33 Pseudoclase :root 04:00 Declarar variables CSS 05:00 Utilizar variables CSS 06:00 Fallback (valor seguro) 07:05 Ámbitos del DOM 08:26 Variables CSS desde Javascript 10:35 Filtrado de variables CSS 12:17 ¿Cuándo usar variables? 13:25 Diferencia con Sass 14:02 Variables con CSS con tipo de dato 16:56 Cierre LINKS: 👀 LenguajeCSS: https://lenguajecss.com/css/ 👀 Variables CSS: https://lenguajecss.com/css/cascada-css/css-custom-properties/ ¡No te olvides de seguirme! ⚡ https://manz.dev --- 📹 Twitch: https://www.twitch.tv/manzdev 📼 YouTube: https://youtube.com/ManzDev 🐤 Twitter: https://twitter.com/Manz 📷 Instagram: https://instagram.com/manz.dev ✈️ Telegram: https://t.me/ManzDev 🎶 Música: https://ncs.io