Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 
Not applicable

var in css [Extension editor] doesn't work

Hi comm,

i need ur help!!

I tried the extension editor and wrote this code. I added a color and tried to use it at background color. The problem is that it doesnt work but the text in the file gets the var blue color like it should be!!! What did i wrong or is the extension editor using such a old version that classic var can't be used?

Thanks in advance!!!

--------------------------------------------------------------------------------------------------------------

:root{

--color:gold

}

.qv-object-dia div.qv-object-content-container {

    overflow:auto;

}

.qv-object-dia .image {

    float:left;

    height:48px;

    width:37.5px;

    position:relative;

    z-index: 5;

}

.qv-object-dia .label {

    float:left;

    height:48px;

    width:160px;

    line-height:32px;

    background:lightgray;

    overflow:ellipsis;

    clear:left;

    border: 1px solid black;

    position:relative;

    font-size: 15px;

    z-index: 4;

}

.qv-object-dia .bar {

    float:left;

    height:48px;

    clear:right;

    background-color: var(--color);      

    border: 1px solid black;

    border-radius: 0px 9px 9px 0px;

    position:relative;

    z-index: 3;

}

0 Replies