Kemet Styles

Advanced flex based layouts that work even in IE11!

<div layout="flexrow">
    <div><span class="box">Item 1</span></div>
    <div><span class="box">Item 2</span></div>
    <div><span class="box">Item 3</span></div>
    <div><span class="box">Item 4</span></div>
</div>

Grab templates and more advanced documentation here.

Updates

• 1.1.1 Fixed responsiveness for basis attribute. Adjusted default breakpoints.

• 1.1.2 Added demo and development environment for testing changes.

• 1.1.3 Fixed responsiveness for order attribute. Added order and visibility demos.

• 1.2.0 Added flexiplier config. Added configs for toggling order and visibility. Added text helpers.

• 1.2.1 Updated default media query config iOS friendly breakpoints.

• 1.3.0 Added responsive gutters. Added margin spacer helper classes.

• 1.3.1 Refactored to use Webpack and Stylelint.

• 1.4.0 Added component styles.

• 1.4.1 Fixed component styles interpolation issue.

• 1.5.0 Added scroll snap styles.

• 1.5.1 Fixed missing /dist build