https://github.com/kaisermann/rolleiflex

A Flexbox grid & helper framework made with Stylus and BEVM
https://github.com/kaisermann/rolleiflex

css flexbox framework grid helpers preprocessor stylus

Last synced: 4 months ago
JSON representation

A Flexbox grid & helper framework made with Stylus and BEVM

• Host: GitHub
• URL: https://github.com/kaisermann/rolleiflex
• Owner: kaisermann
• Created: 2016-05-04T01:36:54.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2017-12-20T16:24:03.000Z (about 7 years ago)
• Last Synced: 2024-10-02T14:06:48.686Z (5 months ago)
• Topics: css, flexbox, framework, grid, helpers, preprocessor, stylus
• Language: CSS
• Homepage: http://kaisermann.github.io/rolleiflex/
• Size: 283 KB
• Stars: 10
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# RolleiFLEX

A CSS Flexbox grid / helper framework based on the [BEMV](http://webuild.envato.com/blog/chainable-bem-modifiers/) methodology.

It's also very small: 18kb when minifed and **2.1kb** when minified and gzipped.

## Demonstrations and documentation

http://kaisermann.github.io/rolleiflex/

## Installation

### Package Managers

`npm install --save rolleiflex`


 or 


`yarn add rolleiflex`


 or 


`bower install --save rolleiflex`

### Manual

* [Minified CSS](https://raw.githubusercontent.com/kaisermann/rolleiflex/master/dist/rolleiflex.min.css)

* [Unminified CSS](https://raw.githubusercontent.com/kaisermann/rolleiflex/master/dist/rolleiflex.css)

## Usage

* Manually import the `rolleiflex.min.css` file.

* Import the 'index.styl' and call the `buildRolleiflex(buildGrid:true,buildHelpers:true)` mixin on one of your .styl files.

## Inspiration

* [flexboxgrid](https://github.com/kristoferjoseph/flexboxgrid)

* [Structure](https://github.com/kenwheeler/structure)