Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://andhart.github.io/bijou/
A small (Less than 2kb) CSS framework
https://andhart.github.io/bijou/
Last synced: 3 months ago
JSON representation
A small (Less than 2kb) CSS framework
- Host: GitHub
- URL: https://andhart.github.io/bijou/
- Owner: andhart
- License: mit
- Created: 2013-12-25T15:03:52.000Z (almost 11 years ago)
- Default Branch: master
- Last Pushed: 2017-06-19T21:07:15.000Z (over 7 years ago)
- Last Synced: 2024-07-23T20:02:24.170Z (4 months ago)
- Language: HTML
- Homepage: http://andhart.github.io/bijou/
- Size: 38.1 KB
- Stars: 605
- Watchers: 22
- Forks: 57
- Open Issues: 3
-
Metadata Files:
- Readme: Readme.md
- License: LICENSE
Awesome Lists containing this project
- awesome-minimalist - Bijou - size](https://badgen.net/bundlephobia/minzip/bijou) | [Repository](https://github.com/andhart/bijou) |  | MIT License | `npm install bijou` (Framework for CSS)
README
# Bijou
A beautiful CSS framework under 2kb (minified and gzip)
Example: http://andhart.github.io/bijou/
If you want to contribute ideas or see the roadplan, there's a Trello: https://trello.com/b/2Gklk2lG
Browser Support: Checked and tested in the latest Firefox, Safari, Chrome, and IE9+.
### Navbar:
```html
```
or a navbar with navigation:
```html
```
Add a `fixed` class to the navbar to make it fixed to the top of the screen (Make sure you also add `margin-top:50px` to the body if you make it fixed).
***
### Table:
```html
Test
Test
Test
Test
Test
Test
Test
Test
```
This will style just a plain table. If you want it striped, add the `table-striped` class, or if you want it bordered, the `table-bordered` class.
***
### Buttons
```html
Test
Test
Test
Test
Test
Test
```
Large buttons have the `large` class, while small have the `small` class. Easy, isn't it?
***
### Alerts
```html
Test
Test
Test
```
***
### Grid
Bijou has a responsive 12 column grid.
For an example, the following will create a one column span and and a nine-column span:
```html
ONE
NINE
```