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
  • Consequuntur beatae non harum mollitia blanditiis quo officiis.
  • Center
  • Autem eos tenetur est expedita dolores qui est.
  • 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

Dolor nulla dolores similique quae id maiores. Tempora perferendis aliquid consequatur ut et. Aut molestiae porro rerum et est earum. Vel hic ea ducimus dolorem sed quia vero. Et repudiandae quia. Animi eum rem et saepe. Vitae hic quo eos voluptas recusandae eligendi aut. Ea aut commodi. Quia eius fugit eligendi suscipit voluptas enim voluptas. Perspiciatis dolore officia et rerum optio.

Right column text

Vel blanditiis sit voluptatem. Suscipit possimus dignissimos qui eos. Eos libero quasi quam pariatur.

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