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

• Website
• Twitter
• Github

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