thesephist/blocks.css
1
1
Fork 0
mirror of https://github.com/thesephist/blocks.css.git synced 2024-11-20 14:26:22 +03:00
Code Issues Projects Releases Wiki Activity
Add some dimension to your page with blocks 🚀
23 Commits 2 Branches 4 Tags 354 KiB
HTML 49.5%
CSS 47.5%
JavaScript 3%
5ff5e35e1e
Go to file
Linus Lee 5ff5e35e1e Add list styles to util.css
2019-12-20 03:23:00 -08:00
src Add list styles to util.css 2019-12-20 03:23:00 -08:00
.gitignore Allow packaging with rollup 2019-06-11 23:29:27 -07:00
index.html Update README with demo sites list 2019-12-20 03:19:14 -08:00
LICENSE Initial commit 2019-06-11 20:23:00 -07:00
package.json v0.2.0 2019-12-08 23:46:09 -08:00
README.md Update README with demo sites list 2019-12-20 03:19:14 -08:00
rollup.config.js Add util.css utility library 2019-12-20 03:08:30 -08:00
sample.jpg Pizazz up the README a bit 2019-06-11 23:35:34 -07:00
yarn.lock Upgrade npm deps 2019-12-08 23:45:43 -08:00

README.md

blocks.css ☕️

Add some dimension to your page with blocks 🚀

You can check out examples and get started with blocks.css at the GitHub Page 📖. Here's what blocks.css UI looks like, from the documentation.

blocks.css sample

Start by adding the blocks.css stylesheet to your page's <head>:

<link rel="stylesheet" href="https://unpkg.com/blocks.css/dist/blocks.min.css" />

Summary

blocks.css is the core of styles used in my projects like Codeframe, Zero to Code, and Lyrics.rip. Lots of people asked for the styles, so I've pulled the button styles out into a separate package right here.

Theming

blocks.css supports theming. By default, Blocks are turquoise-green. (Why? because it's my favorite color.) But you can use CSS custom properties to modify the color and add things like a dark theme.

Check out the documentation for the full details.

Built with blocks.css

Using blocks.css in your website or app? Make a pull request to add yours to the list!

Edit on Repl.it