Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add mixed-value state styling to checkboxes #196

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

vtlanglois
Copy link
Collaborator

@vtlanglois vtlanglois commented Apr 27, 2024

In this PR

  • Added :indeterminate pseudo-class selector for input[type="checkbox"], including a disabled state.
  • Added checkbox-mixed-value.svg and checkbox-mixed-value-disabled.svg1
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.

Footnotes

  1. Filenames chosen from Windows Interface Guidelines

@vtlanglois vtlanglois self-assigned this Apr 27, 2024
Copy link

vercel bot commented Apr 27, 2024

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant