Baseplate is my attempt as creating a simple and light CSS gem.
Add this line to your application's Gemfile:
gem 'baseplate'Add this line to application.css
*= require baseplateAnd then execute:
$ bundle
Or install it yourself as:
$ gem install baseplate
The grid system for baseplate uses flexbox.
Add baseplate class to a container div. This is the flex box and the divs with a class of col inside of it will adjust to the screen size.
<div class="baseplate text-center">
<div class="col">This is the first column</div>
<div class="col">This is the second column</div>
<div class="col">This is the thrid column</div>
</div>This will create a three column row across the full width of the screen. I added text-center class in the css for centering text when needed. You can add as many col as you want within the baseplate and they will span as needed across the viewport.
There is navbar support for an easy setup of a basic navbar. This documentation will come later.
More to come soon, like buttons, forms, input, links
Bug reports and pull requests are welcome on GitHub at https://github.com/monster52/baseplate.
The gem is available as open source under the terms of the MIT License.