Wondering what’s next for npm?Check out our public roadmap! »

butanecss-grid

1.3.0 • Public • Published

ButaneCSS Grid

GitHub version devDependency Status

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

License

MIT

Install

npm i butanecss-grid

DownloadsWeekly Downloads

6

Version

1.3.0

License

MIT

Last publish

Collaborators

  • avatar