by Ivan Garmatenko
Latest version: 0.0.3

Gem contains stylesheets and rails helpers which provides simple way to add useful css snippets to your site, see examples for details.

In Rails 3, add this to your Gemfile and run the bundle command:
Gemfile
gem "css-snippets"
  • Left
  • Ipsa ullam autem a.
  • Center
  • Mollitia dolorem suscipit omnis temporibus.
  • Right
application.scss
.my-list-wrapper {
  @include justify-items;
}
application.html.haml
= render_css_snippet :justified_items, :class => 'my-list-wrapper' do
  = item 'Left'
  = item Faker::Lorem.sentence
  = item 'Center'
  = item do
    = Faker::Lorem.sentence
  = item 'Right'

Left column text

Porro cumque consequatur voluptatum accusamus quasi. Ad illo adipisci in. Eum soluta quas numquam quaerat. Cupiditate reprehenderit non vel atque soluta fugiat. Nobis aut similique fuga voluptas nemo. Exercitationem dolorum nulla corrupti. Aut quia architecto cum quia. Id ab itaque. Repellat facere quis deleniti maxime in. Minus blanditiis quo reprehenderit eum distinctio nostrum.

Right column text

Ullam nobis ut. Reprehenderit ea quae sint nostrum. Eos quas dolores reiciendis suscipit exercitationem.

application.scss
.my-layout-wrapper {
  @include right-menu-liquid-layout;
}
application.html.haml
= render_css_snippet :right_menu_liquid_layout, :class => 'my-layout-wrapper' do
  = left_column do
    %p Left column text
    %p= Faker::Lorem.sentences(10).join(' ')
  = right_column do
    %p Right column text
    %p= Faker::Lorem.sentences(3).join(' ')