https://github.com/csc530/cacsscade
a classless and sensible pure CSS library
https://github.com/csc530/cacsscade
class-less css stylesheet
Last synced: 7 months ago
JSON representation
a classless and sensible pure CSS library
- Host: GitHub
- URL: https://github.com/csc530/cacsscade
- Owner: csc530
- License: agpl-3.0
- Created: 2024-12-31T21:18:32.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-03T21:05:00.000Z (over 1 year ago)
- Last Synced: 2025-10-20T19:53:56.917Z (8 months ago)
- Topics: class-less, css, stylesheet
- Language: HTML
- Homepage: https://csc530.github.io/cacsscade/
- Size: 2.26 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# 🧼 casCSSade 🫧
A clean classless classy cascading style sheet for a lil' pazazz you need on the go.
It [may] also help incentivize/promote cleaner semantic HTML.
## licenses
All fonts within the repo are 100% free to use and are from .
This project is licensed **under** [GNU AGPLv3](https://www.gnu.org/licenses/agpl-3.0.en.html).
## Superiors
- [Tacit](https://github.com/yegor256/tacit): tactful, and it just works (I stole your html page to test against thx🙇🏿♂️🙏🏿)
- [Bulma](https://bulma.io/): it may not be classless but it's my personal favourite and adds some nice buff in base (without classes)
- [concrete](https://concrete.style/): solid base and beautiful B/W styling, I like it
- [MVP](https://github.com/andybrewer/mvp/): it's got some *opinions* but it's good especially if you want easy to use components
## opinions 🤮
I tried to keep the sizing and overall look and feel of the page as close to browser defaults as possible (which I think is sexy in its own way).
But with some intentional markup changes beautiful pages a cascade away.
- tables are scrollable, **but** to do this (without enforcing a parent element) the height is constrained so it scrolls in the y-axis as well (at 80vh)
- nest inputs in labels: this makes them fullwidth → hence nicer
- add a height and width attributes to `img`'s **especially SVG images** (in case they don't have a set/intrinsic width and height)
---
- [🧼 casCSSade 🫧](#-cascssade-)
- [licenses](#licenses)
- [Superiors](#superiors)
- [opinions 🤮](#opinions-)
- [usage](#usage)
- [pros](#pros)
---
## usage
Add link to your HTML file:
```html
```
or
```html
```
or clone the repo and download the file and link to it locally.
## pros
- [x] basics [styling]
- [x] colours
- [x] printer friendly
- [x] dark-mode
- [ ] Catppuccin compliance
- [ ] ⭐style✨
- [x] responsive
- [ ] animations