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
  • Dolorum placeat voluptatem nesciunt corporis dicta tempora et ut.
  • Center
  • Non soluta qui est nihil aut omnis nostrum.
  • 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

Autem error corporis veniam blanditiis architecto. Voluptatem in et. Repudiandae voluptatem quia temporibus et nemo perferendis. Labore rem quas. Doloribus perferendis ut architecto explicabo dolores voluptatem labore. Quasi non nobis. Iusto neque autem ut inventore tenetur occaecati qui. Sunt corporis rerum quibusdam voluptatem occaecati. Ut ducimus excepturi. Neque est veniam consequatur rerum labore.

Right column text

Blanditiis sapiente molestiae. Tempora quibusdam aspernatur. Repellendus harum cum voluptatibus qui officiis.

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