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
  • Aut veritatis alias consequatur dolorem nobis dolor tempora natus.
  • Center
  • Soluta laborum nam magni nisi.
  • 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

Aliquid sit perspiciatis similique fugiat. Ipsam quia illum recusandae ratione ipsa sit velit. Fuga quia ut magni in velit quae et. Aut qui excepturi consequuntur sint. Repudiandae molestiae aliquid consequatur. In qui et et. Aliquam maxime et enim facere ad. Sunt qui sint harum a. Quidem nisi et. Quae dolor non et est.

Right column text

Minus neque et consequatur aut est dolore omnis. Unde sunt est illum dicta. Quaerat beatae voluptates saepe vero aut laborum.

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