1.3.0 • Published 8 years ago
butanecss-grid v1.3.0
ButaneCSS Grid
ButaneCSS Grid on CodePen
Getting Started
The fastest way to get started is to load ButaneCSS Grid from the CDN: https://npmcdn.com/butanecss-grid/dist/butanecss-grid.min.css
or start building the project locally:
git clone https://github.com/ButaneCSS/butane-grid.git
cd butane-grid
npm i
gulp
Usage
<div class="o-grid">
<div class="o-grid__item u-w6@sm">
<p>Example grid item text.</p>
</div>
<div class="o-grid__item u-w6@sm">
<p>Example grid item text.</p>
</div>
<div class="o-grid__item u-w6 u-w3@sm">
<p>Example grid item text.</p>
</div>
<div class="o-grid__item u-w6 u-w3@sm">
<p>Example grid item text.</p>
</div>
<div class="o-grid__item u-w6 u-w3@sm">
<p>Example grid item text.</p>
</div>
<div class="o-grid__item u-w6 u-w3@sm">
<p>Example grid item text.</p>
</div>
</div>
Author
Contributing
- Navigate to the main page of the repository
- Fork it!
- Create your feature branch: git checkout -b my-new-feature
- Commit your changes: git commit -m 'Add some feature'
- Push to the branch: git push origin my-new-feature
- Submit a pull request