Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Fix Warning "Also define the standard property 'box-shadow' for compatibility"

I use the MDB scroll library, and VSCode shows the following warning:

Also define the standard property 'box-shadow' for compatibility

How can I fix it or at least ignore the warning on VSCode?

.scrollbar-black::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #000;
}
like image 374
Fakhamatia Avatar asked Apr 09 '19 06:04

Fakhamatia


1 Answers

It means you should add the standard style rule (box-shadow) in addition to the vendor prefixed version (-webkit-box-shadow)

.scrollbar-black::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); // <- Add this to fix.    
    background-color: #000;
}
like image 124
M.Laida Avatar answered Nov 01 '22 20:11

M.Laida