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
  • Fugit impedit molestias velit.
  • Center
  • Sed unde fuga sunt.
  • 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

Sed rerum ratione doloribus sunt iure est. Suscipit quis sint quod rem explicabo magni. Repellendus perspiciatis corporis sunt voluptate quia vero. Sit alias officiis odio id ut. Eius minus cumque molestias maiores corporis. Expedita odio nam autem. Sapiente cumque tempora perspiciatis voluptate aspernatur. Quis non voluptatem dolor autem et magnam numquam. Animi quia enim. Iure laudantium incidunt vel officiis et est.

Right column text

Eos pariatur natus recusandae ut ea dicta necessitatibus. Expedita ut placeat ex ab. Sit nobis tempore.

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