A tiny modern CSS reset.
- box-sizing: border-box on all elements — borders and paddings don't affect set dimensions
- margin: 0 on all elements — spacing only applied when you need it
- line-height: 1.5 on body — accessible default line height (WCAG)
- font: inherit on form controls — buttons and inputs match the surrounding typography
- display: block; max-width: 100% on media — images, videos, and SVGs scale responsively
- overflow-wrap: break-word on headings and paragraphs — prevents text overflow
- text-wrap: balance / pretty — modern typographic wrapping for headings and paragraphs
- list-style: none on
[role="list"]— accessible list reset that preserves VoiceOver semantics - scroll-behavior: smooth on focus-within — smooth scrolling for keyboard navigation
- prefers-reduced-motion — respects user preference to reduce animations
CDN
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/YellowDi/Illuminate.css@master/Illuminate.min.css">npm
npm install Illuminate.css@import "Illuminate.css";Download
Copy Illuminate.min.css into your project — it's just 739 bytes.
- Illuminate.css — expanded, human-readable (< 1KB)
- Illuminate.min.css — compressed (< 800 bytes)
Zero dependencies. Pure CSS.
Code copyright 2017-2026 YellowDi. Code released under the MIT license.