boxers
Version:
Boxers a css grid library
11 lines • 1.58 kB
CSS
/*
Name: boxers
Version: 2.0.7
License: MPL-2.0
Author: Arc IO
Email: arcdevio@gmail.com
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/
.grow,.last,.reverse,.shrink,.x-center,.x-direction,.x-end,.x-start,.y-center .first,.y-direction,.y-end,.y-start{display:flex;box-sizing:border-box}.x-direction{flex-direction:row}.y-direction{flex-direction:column}.x-direction.x-end,.x-direction.x-start.reverse,.y-direction.y-end,.y-direction.y-start.reverse{justify-items:flex-end;justify-content:flex-end}.x-direction.x-end.reverse,.x-direction.x-start,.y-direction.y-end.reverse,.y-direction.y-start{justify-items:flex-start;justify-content:flex-start}.x-direction.y-end,.x-direction.y-end.reverse,.y-direction.x-end,.y-direction.x-end.reverse{align-items:flex-end;align-content:flex-end}.x-direction.y-start,.x-direction.y-start.reverse,.y-direction.x-start,.y-direction.x-start.reverse{align-items:flex-start;align-content:flex-start}.x-direction.reverse,.y-direction.reverse{justify-items:flex-end;justify-content:flex-end}.x-direction.reverse{flex-direction:row-reverse}.y-direction.reverse{flex-direction:column-reverse}.x-direction.x-center{justify-items:center;justify-content:center}.x-direction.y-center,.y-direction.x-center{align-items:center;align-content:center}.y-direction.y-center{justify-items:center;justify-content:center}.first{order:-1}.last{order:1}.wrap{flex-wrap:wrap}.grow{flex:1 0 auto}.shrink{flex:0 1 auto}