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
  • Qui odio qui inventore rem delectus dignissimos necessitatibus.
  • Center
  • Dolores et voluptatem iusto quibusdam facilis.
  • 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

Maiores dolor repellat deleniti animi provident. Sequi reiciendis qui modi officiis. Nisi molestias cum sapiente aliquam. Temporibus corporis vel. Optio error quia. Ducimus odit voluptas consequatur in est. Animi sed at atque distinctio nobis. Totam et nobis laboriosam fuga voluptas. Quia rerum laboriosam repudiandae est. Explicabo autem illo.

Right column text

Impedit facere expedita nesciunt exercitationem aliquam id. Praesentium qui dignissimos facere. Non rerum minus voluptate autem.

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