Skip to content

Babylon-Money-Magic-Inc/holiday.css

 
 

Repository files navigation

holiday.css 🎉

npm version CI

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

Packages

No packages published

Languages

  • HTML 51.8%
  • JavaScript 42.1%
  • CSS 4.3%
  • Liquid 1.7%
  • Shell 0.1%