GDI Ann Arbor Slide Template

A reveal.js template for GDI Ann Arbor.

Proper Code Block Formatting

<pre><code contenteditable class="ruby">
  5.times do
    puts "go"
  end
</code></pre>

To adjust the height of the code box, use:

<pre style="height: 150px; overflow: hidden;">

Handy Styling Classes

To color things all pretty like, use:

.blue
.green
.pink
.yellow
.red
.grey

To adjust the copy (font) size, use:

.copy--small
.copy--xsmall

To "box up" some content and pad it away from above / below elements, use:

.box
.box--small

To adjust the vertical spacing of list elements, use:

.list--tall
.list--xtall

To remove list bullets, use:

.list--bare

To remove the border from images, use:

.img--bare

To align text, use:

.center-align
.left-align
.right-align

To float content, use:

.left
.right
.clear