Skip to content
A set of LESS mixins based on the CSS3 box model
Shell CSS JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
README.md
bower.json
css3-box-mixins.less
layer-mixins.less

README.md

Intro

CSS3-BOX implements the CSS3 flexible box layout mode (draft) as a set of LESS mixins.

Use css3-box to build web applications that don't take "a page" but "a screen" as their primary layout reference, and that need to behave predictably across different screen sizes and different display devices.

Quick start

Install with Bower: bower install css3-box

The package includes:

  • A set of LESS mixins that make implementing flexbox dead simple
  • Backward compatibility for older versions still supported in browsers like IE10
  • An additional set of LESS mixins to easily build a layered app

Demo/scaffold

Fork/download the demo to see CSS3-BOX in action or use it as a scaffold for your next rich web application.

Do notice the slide-out navigation and adapted bootstrap modal dialog--for a truly responsive user experience!

Any comments/suggestions/tips are of course more than welcome ;-)

Sources

http://dev.w3.org/csswg/css-flexbox/

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes

http://css-tricks.com/using-flexbox/

http://css-tricks.com/snippets/css/a-guide-to-flexbox/

You can’t perform that action at this time.