Update README with samples and prompt to PR if used

This commit is contained in:
Linus Lee 2019-07-10 21:00:35 -04:00
parent 1b1a6d3ebc
commit 6cc6a3ec11

View File

@ -6,7 +6,7 @@ You can check out examples and get started with **blocks.css** at the [GitHub Pa
![blocks.css sample](sample.jpg)
Start by adding the blocks.css stylesheet to your page's head:
Start by adding the blocks.css stylesheet to your page's `<head>`:
```html
<link rel="stylesheet" href="https://unpkg.com/blocks.css/dist/blocks.min.css" />
@ -18,8 +18,17 @@ Start by adding the blocks.css stylesheet to your page's head:
## Theming
blocks.css supports theming. By default, Blocks are turquoise. (Why? because it's my favorite color.) But you can use [CSS custom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/--*) to modify the color and add things like a dark theme.
blocks.css supports theming. By default, Blocks are turquoise-green. (Why? because it's my favorite color.) But you can use [CSS custom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/--*) to modify the color and add things like a dark theme.
Check out the [documentation](https://thesephist.github.io/blocks.css/) for the full details.
## Built with blocks.css
Using **blocks.css** on your website or app? Make a pull request to add yours to the list!
- [Codeframe](https://beta.codeframe.co)
- [Zero to Code](https://zerotocode.org)
- [Lyrics.rip](phttps://genius.com/a/a-teen-programmer-built-a-tool-called-lyrics-rip-to-generate-fake-lyrics-for-your-favorite-artists)
- [Ink programming language sandbox](https://linus.zone/eval)
[![Edit on repl.it](https://repl-badge.jajoosam.repl.co/edit.png)](https://repl.it/github/https://github.com/thesephist/blocks.css?lang=html&ref=button)