Add 5x5 as an example

*evil grin*

examples/five_by_five.css

@@ -0,0 +1,84 @@
+Game {
+    align: center middle;
+    layers: gameplay messages;
+}
+
+GameGrid {
+    layout: grid;
+    grid-size: 5 5;
+    layer: gameplay;
+}
+
+GameHeader {
+    background: $primary-background;
+    color: $text;
+    height: 1;
+    dock: top;
+    layer: gameplay;
+}
+
+GameHeader #app-title {
+    width: 60%;
+}
+
+GameHeader #moves {
+    width: 20%;
+}
+
+GameHeader #progress {
+    width: 20%;
+}
+
+Footer {
+    height: 1;
+    dock: bottom;
+    layer: gameplay;
+}
+
+GameCell {
+    width: 100%;
+    height: 100%;
+    background: $surface;
+    border: round $surface-darken-1;
+}
+
+GameCell:hover {
+    background: $panel-lighten-1;
+    border: round $panel;
+}
+
+GameCell.on {
+    background: $secondary;
+    border: round $secondary-darken-1;
+}
+
+GameCell.on:hover {
+    background: $secondary-lighten-1;
+    border: round $secondary;
+}
+
+WinnerMessage {
+    width: 50%;
+    height: 25%;
+    layer: messages;
+    visibility: hidden;
+    content-align: center middle;
+    text-align: center;
+    background: $success;
+    color: $text;
+    border: round;
+    padding: 2;
+}
+
+.visible {
+    visibility: visible;
+}
+
+Help {
+    background: $primary;
+    color: $text;
+    border: round $primary-lighten-3;
+    padding: 2;
+}
+
+/* five_by_five.css ends here */