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
  • Delectus quaerat explicabo ut eaque deserunt.
  • Center
  • Tempora dolore voluptatem neque suscipit enim.
  • 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

Alias voluptas eum recusandae sint temporibus quas. Ab accusantium quia corrupti odio. Expedita animi et voluptas. Aut et aut et rerum. Saepe sit id. Consequatur esse est nemo vitae ea libero. Sapiente incidunt qui eveniet est non accusamus. Amet sint esse autem nemo saepe doloremque laborum. Dolor laudantium quae. Aliquid suscipit consequatur veniam dolorum maxime quia ab.

Right column text

Est laboriosam soluta itaque at. Iure facere ea et voluptas magnam qui. Consequuntur voluptatem sint ut consequatur doloribus repellendus.

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