Layout

A Sass module for css flex layouts

Source
Version
Updated
8/14/2018

Install

npm install designkit-layout --save

Examples

Basic Usage

This CSS module enables RS developers to more easily create modern, responsive layouts on top of CSS3 flexbox.

HTML

HTML
<div layout="row" layout-wrap>
  <div flex="30">
    [flex="30"]
  </div>
  <div flex="45">
    [flex="45"]
  </div>
  <div flex="25">
    [flex="25"]
  </div>
  <div flex="33">
    [flex="33"]
  </div>
  <div flex="67">
    [flex="67"]
  </div>
  <div flex="50">
    [flex="50"]
  </div>
  <div flex>
    [flex]
  </div>
</div>

CSS