Use Stylus instead of SASS

Stylus is native javascript, yay!

package.json

@@ -6,8 +6,8 @@
 	"devDependencies": {
 		"docpad": "6.38.x",
 		"docpad-plugin-coffeescript": "2.2.x",
+		"docpad-plugin-stylus": "2.3.x",
 		"docpad-plugin-jade": "2.3.x",
-		"docpad-plugin-sass": "2.4.x",
 		"qunitjs": "1.11.x",
 		"phantomjs": "1.9.x"
 	},

source/documents/styles/style.css.styl

@@ -2,6 +2,7 @@ body
 	font-family: "Titillium Web", sans-serif
 
 .version
+	vertical-align: top
 	display: inline-block
 	letter-spacing: normal
 	word-spacing: normal
@@ -21,11 +22,11 @@ body
 		position: relative
 		padding: 10px 10px 5px 10px
 
-$max_columns: 6
-@for $i from 1 through $max_columns
-	.cols-#{$i}
+max_columns = 6
+for columns in 1 .. max_columns
+	.cols-{columns}
 		.version
-			width: percentage(1 / $i)
+			width: (100 / columns)%
 
 			.version-outer
-				padding: 5px percentage(1 / (5 * $i))
+				padding: 5px (100 / (5 * columns))%