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
  • Blanditiis praesentium reprehenderit est et similique.
  • Center
  • Quod ipsum molestias consequatur.
  • 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

Necessitatibus enim et. Quia qui libero velit et fuga. Reiciendis eius repellat voluptatem omnis consequatur. Odio accusantium et consequatur omnis eligendi. Facilis doloribus corporis ab ipsum. Illo enim cupiditate quod autem vel voluptatem ipsa. Voluptas ipsa facilis commodi doloremque vel iusto ab. Ullam aut quasi sint non at corporis temporibus. Nam fugit aut. Quod quia quia voluptas eius sed sed enim.

Right column text

Nulla reiciendis quo quasi voluptatem aliquid sed voluptatum. Aut quae dignissimos perferendis. Occaecati qui provident consequatur.

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