VS Code extension that shows the initial value of a CSS property

I few days ago I got an idea for a VS Code extension that shows the initial (default) value of a given CSS property on hover. This solves a real problem for me because most of the time I use the default value to “reset” a property.
What this means is if I have background-color: tomato on an element and want to set it to its initial value, I’d probably use transparent instead of initial, unset or something else. So instead of remembering the initial values of all CSS properties, I created myself an extension.
With that in mind I present you CSS Initial Value.
Here’s a small demo:

The extension is quite simple and there are probably cases where it display something weird but I’d like to share it with the world in order to get feedback. It’s also my first extension so I’m pretty sure there are things that can be improved. The code is open-sourced if anyone wants to take a look or contribute.
If you work with CSS, please give it a try. I hope you find it useful.

dzhavat
/
css-initial-value

VS Code extension that shows the initial value of each property.

CSS Initial Value (link)
VS Code extension that shows the initial value of each property.

Features

Works with the following file types:

.css
.scss
.sass

Demo

Credit
The data used for this extension is from MDN.

View on GitHub

Link: https://dev.to/dzhavat/showdev-vs-code-extension-that-shows-the-initial-value-of-a-css-property-3c9k