csstools/sanitize.css
Sanitize.css
sanitize.css is a CSS normalizer and reset library that provides a standardized baseline for typography, form controls, and element layouts. It removes browser default inconsistencies to establish a predictable foundation for web design and modern applications.
The project implements a modern CSS baseline focusing on system interface fonts and consistent rendering across different web browsers and operating systems. It integrates a system-font stack to ensure consistent typography and fast rendering on various platforms.
The stylesheet covers core layout and accessibility capabilities, including the standardization of the box-sizing model and the removal of operating system specific styling from form inputs. It applies responsive constraints to images and videos to prevent layout overflow and includes mechanisms to respect system-level preferences for reduced motion.
Features
- Browser Style Resets - Provides a comprehensive reset of browser default styles to establish a neutral baseline for all elements.
- CSS Resets - Provides a set of baseline styles that remove browser default inconsistencies for a predictable design foundation.
- Browser Style Normalizers - Resets default browser styles for all HTML elements to ensure a consistent rendering baseline.
- System Font Stacks - Integrates a prioritized stack of native system fonts for fast and consistent typography across platforms.
- Form Element Normalization - Removes operating system specific styling from form inputs for consistent cross-browser appearance.
- Box Sizing Configurations - Standardizes the box-sizing property globally to ensure predictable element dimension calculations.
- Cross-Browser Consistency Layers - Provides a consistency layer that removes browser and OS specific styling from form controls.
- CSS Normalization - Resets browser default styles to ensure a consistent and predictable baseline across different platforms.
- Modern CSS Best Practices - Implements a modern baseline of styles focusing on system fonts and consistent rendering for web applications.
- Typography Systems - Applies global settings for system interface fonts and consistent line heights for better legibility.
- Asset Size Constraints - Applies constraints to images and videos to prevent layout overflow and maintain reading measures.
- Web Accessibility Compliance - Implements accessibility standards by respecting reduced motion preferences and optimizing typography legibility.
- Motion Preference Handlers - Provides CSS rules that detect and respond to system-level reduced motion preferences.
- Responsive Media Constraints - Implements responsive constraints on images and videos to prevent layout overflow and maintain consistent reading measures.
- Media Overflow Constraints - Applies responsive constraints to images and videos to prevent layout overflow on small screens.
- Responsive CSS Frameworks - Provides a collection of base rules for optimizing asset layout and handling system-level accessibility preferences.
- CSS Styling Libraries - Modern CSS reset and normalization.
- Stalled Development Frameworks - Foundation for best-practice CSS styling.
Star history
How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.
