%button.button Button
%button.button.transparent Button

%a.button Link
%a.button.primary Primary
%a.button.secondary Primary
%a.button.transparent Transparent

%button.button.primary Primary
%button.button.secondary Secondary

%button.button.success Success
%button.button.success.tiny Success

%button.button.filterbtn Filter
%button.button.filterbtn.tiny Filter

%button.button.alert Alert

%form
  %label{:for => "name"} Name
  %input#name.form-control{:type => "text"}/
  %label{:for => "email"} Email address
  %input#email.form-control{:type => "email"}/
  %label
    %input{:type => "checkbox"}/
    Remember me
  %label
    %input#herp{:checked => "checked", :name => "herpderp", :type => "radio"}/
    Herp
  %label
    %input#derp{:name => "herpderp", :type => "radio"}/
    Derp
  %button.button{:type => "submit"} Submit

%nav.top-bar
  %section.top-bar-section
    %ul
      %li
        %a
          %span.nav-primary Shops
      %li
        %a
          %span.nav-primary Map
      %li
        %a
          %span.nav-primary Producers

%div{style: "padding-bottom: 70px"}
  .ofn-drop-down
    %span
      %i.icon-check
      Actions
      %i.icon-caret-down
    %div.menu
      %a.menu_item
        %span Link

%p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lectus metus, vulputate eu faucibus quis, suscipit in tellus. Sed id tempus erat, eget egestas magna. In ac pulvinar purus. Nunc in sagittis lacus. Mauris tortor risus, egestas ac lacus id, scelerisque interdum libero. Sed pulvinar, lorem elementum ultricies eleifend, libero felis lacinia lorem, ut condimentum nisl sapien eu sem. Donec vitae magna interdum, molestie purus eu, iaculis lectus.

%p
  %strong Bold text
%p
  %em Italic text
%p
  %u Underlined text

%blockquote Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lectus metus, vulputate eu faucibus quis, suscipit in tellus.

%ul
  %li Lorem ipsum dolor sit amet
  %li
    Nulla volutpat aliquam velit
    %ul
      %li Phasellus iaculis neque
      %li Purus sodales ultricies
      %li Vestibulum laoreet porttitor sem
      %li Ac tristique libero volutpat at
  %li Faucibus porta lacus fringilla vel
  %li Aenean sit amet erat nunc
  %li Eget porttitor lorem

%ol
  %li Lorem ipsum dolor sit amet
  %li
    Nulla volutpat aliquam velit
    %ol
      %li Phasellus iaculis neque
      %li Purus sodales ultricies
      %li Vestibulum laoreet porttitor sem
      %li Ac tristique libero volutpat at
  %li Faucibus porta lacus fringilla vel
  %li Aenean sit amet erat nunc
  %li Eget porttitor lorem