Theme Demo - Base2Tone - Slim Mode body table - for user in users td id="user_#{user.id}" class=user.role a href=user_action(user, :edit) Edit #{user.name} a href=(path_to_user user) = user.name body h1(id="logo") = page_logo h2[id="tagline" class="small tagline"] = page_tagline h2[id="tagline" class="small tagline"] = page_tagline h1 id = "logo" = page_logo h2 [ id = "tagline" ] = page_tagline / comment second line /! html comment second line <!-- html comment --> <a href="#{'hello' if set}">link</a> a.slim href="work" disabled=false running==:atom Text <b>bold</b> .clazz data-id="test" == 'hello' unless quark | Text mode #{12} Second line = x ||= :ruby_atom #menu.left - @env.each do |x| li: a = x *@dyntag attr="val" .first *{:class => [:second, :third]} Text .second class=["text","more"] .third class=:text,:symbol Select a theme: Base2Tone-Cave-dark Base2Tone-Cave-light Base2Tone-Desert-dark Base2Tone-Desert-light Base2Tone-Drawbridge-dark Base2Tone-Drawbridge-light Base2Tone-Earth-dark Base2Tone-Earth-light Base2Tone-Evening-dark Base2Tone-Evening-light Base2Tone-Field-dark Base2Tone-Field-light Base2Tone-Forest-dark Base2Tone-Forest-light Base2Tone-Garden-dark Base2Tone-Garden-light Base2Tone-Heath-dark Base2Tone-Heath-light Base2Tone-Lake-dark Base2Tone-Lake-light Base2Tone-Lavender-dark Base2Tone-Lavender-light Base2Tone-Mall-dark Base2Tone-Mall-light Base2Tone-Meadow-dark Base2Tone-Meadow-light Base2Tone-Morning-dark Base2Tone-Morning-light Base2Tone-Motel-dark Base2Tone-Motel-light Base2Tone-Pool-dark Base2Tone-Pool-light Base2Tone-Porch-dark Base2Tone-Porch-light Base2Tone-Sea-dark Base2Tone-Sea-light Base2Tone-Space-dark Base2Tone-Space-light Base2Tone-Suburb-dark Base2Tone-Suburb-light