Skip to content
Flexy is minimal CSS framework made with Flex
Branch: master
Clone or download
Latest commit 04547b2 May 27, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images
.gitignore
Katana.html
LICENSE
Quotes.html
README.md Update README.md May 27, 2018
flexy-old.css First commit May 27, 2018
flexy.css First commit May 27, 2018
flexy.html
package.json

README.md

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/

Demo 1 - Katana

Demo 2 - Quotes

Code Demo

<div class="dp50">50%</div>
<div class="dp50">50%</div>

<div class="dp33">33,3%</div>
<div class="dp33">33,3%</div>
<div class="dp33">33,3%</div>

<div class="dp25">25%</div>
<div class="fluid">Fluid</div>
<div class="dp17">17%</div>
<div class="clear"></div> /* => Use clear when you have fluid column */

/* Multiple Fluid columns in one row */

<div class="fluid">Fluid</div>
<div class="dp25">25%</div>
<div class="dp25">25%</div>
<div class="fluid">Fluid</div>
<div class="clear"></div>

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

You can’t perform that action at this time.