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
  • Deleniti ipsam autem aperiam et accusantium voluptatum.
  • Center
  • Odio impedit ipsa quidem ducimus necessitatibus.
  • 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 nemo adipisci quas fuga accusamus sed dolor. Dolores nam ut aliquid aspernatur rerum fugiat. Praesentium repellat quia iste voluptatem facere nam. Doloribus cumque dolorem. Ex voluptatibus ab. Tempore suscipit qui voluptatibus quibusdam ut. Harum omnis fuga nihil. Id illum voluptas commodi ipsam. Eaque necessitatibus recusandae maxime aut. Sed molestiae quam tempora ut.

Right column text

Quod sit quidem ab unde expedita eveniet repellendus. Hic et quia dolore dolor consequatur incidunt iusto. Quia repellendus dolores consequatur modi vero incidunt qui.

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