Contents

- @col_layout = 'threecol'

%h1 Buttons - h1
%button.button.icon.add Click
.button-group
  %input.button.danger{type: :submit, value: 'Cancel'}
  %a.button.icon.comment.popup{href: '#popup', title: 'Popup title'} Popup
.button Nothing



%h2 Sortable Table - h2
%table.dataTable
  %thead
    %tr
      %th Name
      %th Username
  %tbody
    %tr
      %td Sally
      %td gurlsally
    %tr
      %td Dave
      %td davieboy
    %tr
      %td Hilary
      %td hermahili



%h3 Inputs with bonuses - h3
%select.chzn{style: 'width:200px'}
  %option Canada
  %option UK
  %option USA

%br
%input{type: :date, placeholder: 'yy-mm-dd'}



%h4 AutoGrowing, AutoSuggesting - h4
%textarea.autoGrow{cols: '50', placeholder: 'AutoGrowing'}

%br
%input.autoSuggest



%h5 Uniformed Inputs - h5
%label
  %input{type: :checkbox, checked: 'checked'}
  One
%label  
  %input{type: :checkbox}
  Two
%label  
  %input{type: :checkbox}
  Three
%br

%label
  %input{type: :radio, name: 'radio', checked: 'checked'}
  One
%label
  %input{type: :radio, name: 'radio'}
  Two
%label
  %input{type: :radio, name: 'radio'}
  Three

%br
%select
  %option Select Something

%br
%input{type: :file}



%h6 Lists and time - h6
%ul
  %li This is a list:
  %li no margin 
  %li or padding 
  %li or bullets
  %li (you'll need to add them back when you need 'em)

%pre.ib %time.ago{datetime: Time.now.iso8601}
results in telling us when this page was loaded:
%time.ago.notice.flash{datetime: Time.now.iso8601}
%p Note: make sure you use iso8601 or you'll get errors!






= content_for :left_col do
  %h2 Left Col

= content_for :right_col do
  %h3 Right Col


.popups
  #popup.popup_content
    %h4 Help
    %p See speedo.css.scss for classes and helper classes
    %p See swim.js.coffee for standard JS calls
    %button.button.close.right Close

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
speedo-0.0.7	app/views/speedo/home/examples.html.haml
speedo-0.0.6	app/views/speedo/home/examples.html.haml