jdan / 98.css

A design system for building faithful recreations of old UIs
https://jdan.github.io/98.css
MIT License
9k stars 296 forks source link

Add mixed-value state styling to checkboxes #196

Open vtlanglois opened 4 months ago

vtlanglois commented 4 months ago

In this PR

Screenshot 2024-04-27 at 7 56 00 AM

💭 Reasoning

This state has been added to add additional styling present on pre-2000s Windows OSes, and to prevent browser default styling from occurring when a checkbox is set to indeterminate.

From The Windows Interface Guidelines — A Guide for Designing Software, Chapter 7 ("Menus, Controls, and Toolbars"), page 143:

If you use a check box to display the value for the property of a multiple selection whose values for that property differ (for example, for a text selection that is partly bold), display the check box in its mixed-value appearance, a checkerboard pattern inside the box, as shown in Figure 7.12.

Screenshot 2024-04-27 at 8 03 08 AM

This further allows users of 98.css to style their HTML markup and/or applications to match Windows 98.

[^1]: Filenames chosen from Windows Interface Guidelines

vercel[bot] commented 4 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
98css ✅ Ready (Inspect) Visit Preview Apr 27, 2024 0:05am