| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- %div
- %span Welcome to Stypi
- %div
- %b Bold
- %span
- %i Italic
- %span
- %s Strike
- %span
- %u Underline
- %span
- %a{:href => 'http://www.google.com'} Link
- %div
- %u Zero
- %i One
- %u Two
- %i
- %b Three
- %s Four
- %i Five
- %div
- %i
- %b Hey
- %u Now
- %s What
- %div
- %b a
- %i b
- %b c
- %i d
- %b e
- %i f
- %b g
- %div
- %span 	I look like an indent but actually I'm not cuz I'm a tab.
- %div
- %span{:style => 'font-size: 32px;' } Huge
- %span{:style => 'font-size: 18px;' } Large
- %span{:style => 'font-size: 10px;' } Small
- %div
- %span{:style => 'font-size: 32px;' } Huge
- %div
- %span{:style => 'font-size: 18px;' } Large
- %div
- %span{:style => 'font-size: 10px;' } Small
- %div
- %span{:style => 'font-family: "Times New Roman", serif;' } Serif
- %span{:style => 'font-family: "Courier New", monospace;' } Monospace
- %div
- %span{:style => 'color: #FFF;' }
- %span{:style => 'background-color: #000;'} white
- %span{:style => 'color: #F00;' } red
- %span{:style => 'color: #00F;' } blue
- %span{:style => 'color: #0F0;' } lime
- %span{:style => 'color: #0FF;' } teal
- %span{:style => 'color: #F0F;' } magenta
- %span{:style => 'color: #FF0;' } yellow
- %div
- %span{:style => 'background-color: #000;'}
- %span{:style => 'color: #FFF;' } black
- %span{:style => 'background-color: #F00;' } red
- %span{:style => 'background-color: #00F;' } blue
- %span{:style => 'background-color: #0F0;' } lime
- %span{:style => 'background-color: #0FF;' } teal
- %span{:style => 'background-color: #F0F;' } magenta
- %span{:style => 'background-color: #FF0;' } yellow
- %div
- %br
- %div
- %br
- %div
- %span Goodbye
- %div
- %br
|
