Lista de propiedades personalizadas de CSS (variables de CSS)
He configurado algunas propiedades personalizadas de CSS en mi hoja de estilo:
:root {
--bc: #fff;
--bc-primary: #eee;
--bc-secondary: #ddd;
}
Puedo recuperarlos individualmente si ya conozco el nombre de la variable CSS de la siguiente manera:
console.log(getComputedStyle(document.body).getPropertyValue('--bc'));
// #fff
Pero si quisiera obtener una lista de variables CSS y sus valores, ¿cómo se haría?