mirror of
https://github.com/RGBCube/serenity
synced 2025-07-28 05:07:35 +00:00
LibWeb: Add basic HTML meter element support
This commit is contained in:
parent
761d824b72
commit
2107ab823d
13 changed files with 442 additions and 14 deletions
|
@ -66,6 +66,30 @@ option {
|
|||
display: none;
|
||||
}
|
||||
|
||||
/* Custom <meter> styles */
|
||||
meter {
|
||||
display: inline-block;
|
||||
width: 300px;
|
||||
height: 12px;
|
||||
}
|
||||
meter::-webkit-meter-bar, meter::-webkit-meter-optimum-value, meter::-webkit-meter-suboptimum-value, meter::-webkit-meter-even-less-good-value {
|
||||
display: block;
|
||||
height: 100%;
|
||||
}
|
||||
meter::-webkit-meter-bar {
|
||||
background-color: hsl(0, 0%, 96%);
|
||||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
meter::-webkit-meter-optimum-value {
|
||||
background-color: hsl(141, 53%, 53%);
|
||||
}
|
||||
meter::-webkit-meter-suboptimum-value {
|
||||
background-color: hsl(48, 100%, 67%);
|
||||
}
|
||||
meter::-webkit-meter-even-less-good-value {
|
||||
background-color: hsl(348, 100%, 61%);
|
||||
}
|
||||
|
||||
/* 15.3.1 Hidden elements
|
||||
* https://html.spec.whatwg.org/multipage/rendering.html#hidden-elements
|
||||
*/
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue