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
  • Sed perspiciatis ut et error.
  • Center
  • Voluptatum libero nihil ipsa.
  • 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

Officiis in voluptatibus temporibus cum saepe. Tenetur debitis suscipit quia quasi deserunt et. Placeat distinctio quia ipsam consequatur minus quam praesentium. Assumenda qui eaque. Veritatis reiciendis fugit voluptates facere quo. Hic tenetur voluptas nam aperiam eligendi ex vel. Repellendus omnis minus commodi. Voluptatem quam possimus. Dolorem ut ducimus dignissimos sint. At similique quis.

Right column text

Voluptatibus non harum ipsum commodi iure. Occaecati labore praesentium deleniti. Laboriosam voluptates et perferendis.

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