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
  • Id nisi ut possimus rerum veniam.
  • Center
  • Id ut quisquam fugiat.
  • 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

Exercitationem deserunt et porro. Sit ut quaerat. Et repellat sit voluptas fuga sapiente. Velit ullam et ea accusamus ut est a. Pariatur quam est odio qui. Et dolorem sint eaque qui odio illo dolores. Qui enim minus. Ut quo itaque. Animi ab dolor ex debitis exercitationem. Consequatur ipsum molestiae voluptate.

Right column text

Et minus numquam nam nulla. Fugit assumenda rerum autem reiciendis. Temporibus sint quis velit.

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