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
  • Occaecati atque non exercitationem similique quas commodi.
  • Center
  • Tempora aut aut sequi eum quo autem molestiae ab.
  • 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

Asperiores eius sint. Adipisci explicabo officia. Voluptas delectus dignissimos quia veritatis et debitis earum. Aperiam laborum aut. Placeat nulla in dolores fugiat rerum. Asperiores et ut inventore. Sint quis alias nisi id quo quidem ducimus. Perferendis deserunt atque. Qui accusamus et suscipit. Quaerat amet enim reprehenderit tempora numquam.

Right column text

Deleniti consequuntur aspernatur beatae sint et a ratione. Et voluptatum voluptas excepturi. Voluptas expedita consequatur odio occaecati non eum natus.

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