https://github.com/alexbinary/flexable

ultra basic flexbox helper
https://github.com/alexbinary/flexable

Last synced: 1 day ago
JSON representation

ultra basic flexbox helper

• Host: GitHub
• URL: https://github.com/alexbinary/flexable
• Owner: alexbinary
• License: mit
• Created: 2015-11-13T18:02:41.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2015-11-13T18:36:08.000Z (about 9 years ago)
• Last Synced: 2023-10-28T04:50:17.916Z (about 1 year ago)
• Language: CSS
• Size: 0 Bytes
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# flexable

Lets you setup simple layouts with [flexbox](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes) using 3 classes :

- `fa-box` or `fa-box-h` : make an element a horizontal flex container

- `fa-box-v` : make an element a vertical flex container

- `fa-stretch` : make an element occupy maximum space inside a container

## Example

```html



  


    
empty


    
side 1

    
side 2


  


  
bottom




```

Will give something like :

    ---------------------------------------

    | empty             | side 1 | side 2 |

    |                   |        |        |

    |                   |        |        |

    |                   |        |        |

    |                   |        |        |

    |                   |        |        |

    |                   |        |        |

    ---------------------------------------

    | bottom                              |

    ---------------------------------------

## License

The MIT License (MIT) - Copyright (c) 2015 Alexandre Bintz   

See [LICENSE](LICENSE) file for full text.