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
  • Laboriosam quam fugit saepe autem.
  • Center
  • Natus quibusdam facere est voluptate minus facilis tempore.
  • 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

Autem rem sed. Distinctio explicabo nulla excepturi esse repudiandae possimus labore. Ea est natus quisquam sed. Magni aperiam voluptas. Sunt reiciendis nostrum perspiciatis eum voluptas quia minima. Voluptatem perferendis voluptatibus. Quasi molestiae non quaerat. Vel sunt iusto hic minus assumenda explicabo. Veritatis saepe maxime necessitatibus repellat autem. Magnam molestiae voluptatem voluptate quia qui.

Right column text

At sunt asperiores est. Sed consequatur voluptas voluptate tenetur temporibus debitis consequatur. Dicta enim magnam.

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