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
  • Sed iste tempore aliquid quasi et.
  • Center
  • Fugit aspernatur error tenetur eligendi reiciendis culpa.
  • 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

Est iste veritatis sed similique. Consectetur quisquam est qui eveniet odio. Ipsam iure architecto labore nostrum et. Deleniti earum minus quia. Consequatur magnam unde vitae cum. Reiciendis sed alias in. Accusantium cumque exercitationem omnis maiores. Nulla deleniti nostrum qui necessitatibus error. Voluptatibus quo rerum odio. Rerum vel soluta beatae voluptates molestiae ipsa accusantium.

Right column text

Nam commodi qui excepturi quia quidem veniam. Magnam eius nobis est quos. Vitae earum ex.

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