https://github.com/vladocar/flexy
Flexy is minimal CSS framework made with Flex
https://github.com/vladocar/flexy
css css3 flex flex-layout flexbox flexbox-css flexbox-grid framework html html-css html5
Last synced: 8 months ago
JSON representation
Flexy is minimal CSS framework made with Flex
- Host: GitHub
- URL: https://github.com/vladocar/flexy
- Owner: vladocar
- License: mit
- Created: 2018-05-27T12:19:07.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2022-08-16T08:04:11.000Z (over 3 years ago)
- Last Synced: 2024-11-10T22:51:51.720Z (over 1 year ago)
- Topics: css, css3, flex, flex-layout, flexbox, flexbox-css, flexbox-grid, framework, html, html-css, html5
- Language: HTML
- Homepage: https://vladocar.github.io/flexy/
- Size: 368 KB
- Stars: 114
- Watchers: 7
- Forks: 15
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Flexy
Flexy is minimal CSS framework made with Flex
* Minimal. It is only 0.33 KB minified + gzip.
* Responsive.
* No unnecessary nesting.
* Fluid Column (even multiple times in one row)
* Flexible the main width can be any number or uint ex: 960px, 90% or whatever you like.
[https://vladocar.github.io/flexy/](https://vladocar.github.io/flexy/)
[Demo 1 - Katana](https://vladocar.github.io/flexy/Katana.html)
[Demo 2 - Quotes](https://vladocar.github.io/flexy/Quotes.html)
### Code Demo
```html
50%
50%
33,3%
33,3%
33,3%
25%
Fluid
17%
/* => Use clear when you have fluid column */
/* Multiple Fluid columns in one row */
Fluid
25%
25%
Fluid
```
## Install
You can simply download the library or:
```
$ npm i @vladocar/flexy
```
### Browser Support
Use flexy-old.css for IE 10/11
### License
This project is licensed under the MIT License