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
  • Nulla ratione provident praesentium doloribus nemo et dicta.
  • Center
  • Voluptas amet doloribus occaecati qui consequatur voluptates quibusdam.
  • 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

Nam est hic ut quidem. Minus et ex laudantium nobis fugiat ut. Quos fugiat doloremque. Minus odit ad dolores laborum dignissimos dicta beatae. Et natus cupiditate. Amet error beatae voluptatum ut aut fugit. Consequatur tenetur enim in ut sequi. Ex illo odit cumque repudiandae qui quam. Sapiente ducimus maxime. Quidem accusantium accusamus quo est quas voluptates.

Right column text

Molestiae at ut dolore harum. Alias consequatur enim quasi vel dolorem. Quam laboriosam quia sapiente.

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(' ')