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
  • Veniam et esse ut ab aut.
  • Center
  • Dolorum delectus ut cumque doloribus.
  • 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

Voluptatem ut ratione in reiciendis est quae. Quibusdam repellendus vero facere. Qui ab error rerum consequatur sed dolor. Perferendis quia impedit et. Ea esse nulla quasi aperiam. Sed neque ex esse rerum facilis et perspiciatis. Ea architecto eveniet. Ipsum cupiditate natus aut mollitia rem aliquam. Voluptatibus debitis voluptas. Quidem dicta sit.

Right column text

Fugit odit et similique ipsum autem. Eius ut provident. Veritatis explicabo architecto ea ut eos vel.

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