segment.css

Seven-segment readout.

Drawn in the DOM, not on a canvas, so the theme, the contrast switch and the motion switch all reach it from one control surface. A canvas widget is invisible to the cascade, which means every kit-wide behaviour has to be built a second time for it and covers half the screen.

src/segment.css · 1 block · blocks that belong to a custom element are on that element's page

.ov-seg

One rule covers both shapes: bars are filled polygons, diagonals are stroked lines, and a segment is a segment either way.

Written into markup by src/ov-segment.js, so an element sets it for you.