holiday.css :tada:
No classes today! Because it's holiday!
A minimalist classless CSS theme.
Why
I got tired of complex markup and tons of classes on every element.
See form example: Bootstrap vs
holiday.css.
Features
- makes your page fit even the smallest screens, no more broken
<body>
width
due to wide tables - supports all
<input>
types - highlights invalid fields in your forms (that's right, no JS needed for that!)
- makes your
<nav>
look nice, turns your nested <ul>
lists into accessible
dropdowns (making Tab work with dropdowns in plain CSS was really
tricky!) - doesn't waste precious horizontal space on mobile screens for
<picture>
,
video
, <table>
, and <pre>
by ignoring body margins and filling 100% of
screen width - keeps selector specificity as low as possible, so you could easily extend it
with CSS classes without using
!important
- uses dark mode for those who prefer it
- built with pure CSS
- only ~4 KB (minified and gzipped)
Quick Start
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/holiday.css@0.9.8" />
Browser compatibility
Tested on latest Chrome and Firefox.
Acknowledgements
Sources of inspiration:
License
MIT