Sizing and borders from CSS

Expected: the controls take the sizes and borders given here, and every one of them still opens its picker on click. A colour input is a swatch at any size.

In running text

Expected: the controls sit on the baseline of the line like any inline-block, and the line wraps around them. Meeting on at , colour , for the whole of , that is week — and the text continues after the last one without a break.

Grid and flex containers

Expected: three columns of equal width in the grid; the flex row keeps its controls on one baseline.

Big textsmall text

On a dark background, and right-to-left

Expected: the controls stay legible on the dark panel (their own colours, not the panel's), and in the RTL block the label follows the control on its right.