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 et laboriosam excepturi soluta expedita.
  • Center
  • Vero quia delectus quos dolorum dolorem ipsam dolor reprehenderit.
  • 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

Molestiae et exercitationem nemo ad nostrum. Quasi omnis error blanditiis iure rerum laborum. Nisi amet rem minus aut. Et porro eos ipsam. Quia quos et est qui perspiciatis. Commodi earum ut consequatur reprehenderit labore odio sit. Eos molestiae omnis sunt fugit. Ex iusto ratione et quisquam accusamus qui pariatur. Eos doloribus reiciendis qui corporis quaerat velit. Enim quo dolorum omnis sequi.

Right column text

Quaerat quia iste ut. Rerum nisi earum ex. Repellat consequuntur soluta nam sit.

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