sircus-components-grid

Install

npm:

$ npm install sircus-components-grid sircus-variables

Usage

cssnext:

input.css

@import "sircus-components-grid";
@import "sircus-variables";

sass:

input.scss

@import "node_modules/sircus-variables/converted";
@import "node_modules/sircus-components-grid/converted";

html

<div class="Grid">
  <div class="Grid-col t-width1of2"></div>
  <div class="Grid-col t-width1of2"></div>
</div>

<div class="Grid Grid--center">
  <div class="Grid-col t-width1of2"></div>
  <div class="Grid-col t-width1of2"></div>
</div>

<div class="Grid Grid--right">
  <div class="Grid-col t-width1of2"></div>
  <div class="Grid-col t-width1of2"></div>
</div>

<div class="Grid Grid--left">
  <div class="Grid-col t-width1of2"></div>
  <div class="Grid-col t-width1of2"></div>
</div>

<div class="Grid Grid--top">
  <div class="Grid-col t-width1of2"></div>
  <div class="Grid-col t-width1of2"></div>
</div>

<div class="Grid Grid--middle">
  <div class="Grid-col t-width1of2"></div>
  <div class="Grid-col t-width1of2"></div>
</div>

<div class="Grid Grid--bottom">
  <div class="Grid-col t-width1of2"></div>
  <div class="Grid-col t-width1of2"></div>
</div>

Contributing

We Need Your Help!

License

Released under the MIT license.