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
  • Aut quia dignissimos ratione facilis quis cum.
  • Center
  • Distinctio sit voluptatem maxime similique dolor accusamus modi.
  • 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

Vero aut at ut velit vitae. Eos in inventore itaque est. Id sed quos accusamus suscipit ad. Aut repellat omnis cumque laborum. Nemo nam nulla nihil velit. Aut praesentium voluptatem qui voluptates itaque voluptas. Expedita quibusdam veritatis voluptatibus natus dolores aperiam. Illo molestiae dolor maiores facilis. Sunt rerum mollitia corrupti voluptatum consequatur. In id et doloribus cupiditate totam qui porro.

Right column text

Quisquam enim odit eius est minus esse. Quibusdam architecto numquam. Corporis ut neque blanditiis.

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