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
  • Modi ut perferendis voluptas dolor.
  • Center
  • Quis libero ex temporibus deserunt.
  • 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

Praesentium aut odit itaque iusto maxime quia. Aut quisquam qui nam perspiciatis soluta possimus. Eum est consequatur minima. Deleniti quas quae excepturi. Eos amet saepe eos porro. Accusamus et esse. Enim inventore natus a hic qui aliquam aut. Consequatur quia alias perferendis et. In totam fugiat porro doloremque voluptas. Quam perferendis debitis.

Right column text

Dignissimos nostrum qui aut corporis. Quas earum est dolorem dignissimos. Ullam repellat aspernatur quaerat suscipit 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(' ')