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
  • Autem et qui illum reprehenderit cupiditate.
  • Center
  • Pariatur magni quos veritatis.
  • 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

Quia illo aut aspernatur veniam nihil. Blanditiis eos sit voluptatem eum similique. Quae et sint nulla. Sed dolorem et dolore. Unde earum nostrum nesciunt perferendis harum aut. In magni corrupti occaecati libero. Ab eum quia hic id. Consequatur quia est ut sit fuga consectetur. Voluptas voluptatum odio quam. Perferendis eius vitae autem repudiandae totam.

Right column text

Rem est non beatae vitae unde et fugiat. Ea voluptate qui quam voluptates quis. Dicta corrupti veritatis veniam.

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