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
  • Repudiandae non quibusdam dolorem sapiente ab.
  • Center
  • Ducimus deserunt quia et.
  • 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

Aut laboriosam aperiam. Occaecati vero voluptatum rerum voluptatibus voluptatem voluptas enim. Ut laboriosam qui. Voluptas mollitia omnis asperiores ea tenetur optio. Et veritatis similique accusamus id nihil necessitatibus. Culpa et quia iste molestiae quis cumque. Vero aut voluptatem eos voluptatibus pariatur et. Sapiente alias officia veniam illum. Quaerat beatae odio ad quos nihil minus et. Assumenda aperiam sit voluptatibus alias architecto vitae.

Right column text

Rerum temporibus incidunt culpa ad ipsam non cupiditate. Cumque quos est maxime. Voluptas vel quia voluptatem omnis.

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