Css style setting problem-thumbnail-width

when looking at the original code of the plug-in, I found that there is a sentence in the css style:
: root {

--thumbnail-width: 20px;
--thumbnail-height: 3px;
--shadow: rgba(0, 0, 0, .25)

}

: root sets the html root element; what does-- thumbnail-width-- thumbnail-height-- shadow mean?

Apr.03,2021

defines a variable, similar to var let const
. You can write

where this variable is needed.
div{
    width:var(--thumbnail-width);
    height:var(--thumbnail-height);
}

https://developer.mozilla.org.:root

Menu