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
  • Et cumque nostrum commodi ut.
  • Center
  • Quia maiores qui ut eum et.
  • 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

Deserunt iste dolores est ab et sed. Repellendus aut voluptas fuga vel aut. Quam omnis suscipit vitae. Qui quos non temporibus voluptatibus optio iste provident. Magni reiciendis vitae ex non iure. Minima libero asperiores velit veritatis. Sed voluptatem voluptas eum doloremque dolorem. Sed at architecto laborum sit qui molestiae illo. Ad dolores quo voluptate natus. Voluptatum exercitationem fugiat aut voluptatem ea numquam quam.

Right column text

Eligendi aut quia ut vel. Ipsam voluptatibus a est asperiores totam cumque velit. Sed voluptatem vel eaque.

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