neat-classes 0.0.1

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    YjM3ZTEyMTA0ZjRlMzE2YTZhOTgyMDliZjZlNmJjYjA4YWE0YjBkYg==
+  data.tar.gz: !binary |-
+    OWMxNWM2YmY3MTRkYTY0ZTg3Yjk4ODIzOGE3ODM2ZTRhZWVhMWFiZg==
+!binary "U0hBNTEy":
+  metadata.gz: !binary |-
+    ZjY2MTlhYjFjOWEzZGRlMTJhMjk0MDBkNjM5M2FhOWZhNGU0MWRhNzVmNWYx
+    M2RkOTJhYjQzYjFiMGQxNzFkODE5MjlkNTdiZTUyNjNhYjRjOTI0OTY1NGJm
+    NDlmNmQ0ZWFlNTFhNjBjMTM0NjU5MDQ3M2MzNTQzZDZhNDk0OGM=
+  data.tar.gz: !binary |-
+    NGNkNzhkZjlhOGIyYjk4NGU5YWMxODM4ZDQ1YTE5N2JjN2FiZTZjZTVlOTQ0
+    M2M3ZmY3MjBmODMwNjZkOTUzZDBhOTNmYTdhOWQxNDEyYWQwZGRlOGNjNmRi
+    NjBmMjYyMjE4YzRjMWVjOGUwODJhZGNmYWVlNzA0NGExNDY0OGQ=

data/app/assets/stylesheets/breakpoints/large.scss

@@ -0,0 +1,341 @@
+@include media($large) {
+	.large-1{
+		@include span-columns(1);
+	}
+	.large-2{
+		@include span-columns(2);
+		.large-1-of-2{
+			@include span-columns(1 of 2);
+		}
+		.large-2-of-2{
+			@include span-columns(2 of 2);
+		}
+	}
+	.large-3{
+		@include span-columns(3);
+		.large-1-of-3{
+			@include span-columns(1 of 3);
+		}
+		.large-2-of-3{
+			@include span-columns(2 of 3);
+		}
+		.large-3-of-3{
+			@include span-columns(3 of 3);
+		}
+	}
+	.large-4{
+		@include span-columns(4);
+		.large-1-of-4{
+			@include span-columns(1 of 4);
+		}
+		.large-2-of-4{
+			@include span-columns(2 of 4);
+		}
+		.large-3-of-4{
+			@include span-columns(3 of 4);
+		}
+		.large-4-of-4{
+			@include span-columns(4 of 4);
+		}
+	}
+	.large-5{
+		@include span-columns(5);
+		.large-1-of-5{
+			@include span-columns(1 of 5);
+		}
+		.large-2-of-5{
+			@include span-columns(2 of 5);
+		}
+		.large-3-of-5{
+			@include span-columns(3 of 5);
+		}
+		.large-4-of-5{
+			@include span-columns(4 of 5);
+		}
+		.large-5-of-5{
+			@include span-columns(5 of 5);
+		}
+	}
+	.large-6{
+		@include span-columns(6);
+		.large-1-of-6{
+			@include span-columns(1 of 6);
+		}
+		.large-2-of-6{
+			@include span-columns(2 of 6);
+		}
+		.large-3-of-6{
+			@include span-columns(3 of 6);
+		}
+		.large-4-of-6{
+			@include span-columns(4 of 6);
+		}
+		.large-5-of-6{
+			@include span-columns(5 of 6);
+		}
+		.large-6-of-6{
+			@include span-columns(6 of 6);
+		}
+	}
+	.large-7{
+		@include span-columns(7);
+		.large-1-of-7{
+			@include span-columns(1 of 7);
+		}
+		.large-2-of-7{
+			@include span-columns(2 of 7);
+		}
+		.large-3-of-7{
+			@include span-columns(3 of 7);
+		}
+		.large-4-of-7{
+			@include span-columns(4 of 7);
+		}
+		.large-5-of-7{
+			@include span-columns(5 of 7);
+		}
+		.large-6-of-7{
+			@include span-columns(6 of 7);
+		}
+		.large-7-of-7{
+			@include span-columns(7 of 7);
+		}
+	}
+	.large-8{
+		@include span-columns(8);
+		.large-1-of-8{
+			@include span-columns(1 of 8);
+		}
+		.large-2-of-8{
+			@include span-columns(2 of 8);
+		}
+		.large-3-of-8{
+			@include span-columns(3 of 8);
+		}
+		.large-4-of-8{
+			@include span-columns(4 of 8);
+		}
+		.large-5-of-8{
+			@include span-columns(5 of 8);
+		}
+		.large-6-of-8{
+			@include span-columns(6 of 8);
+		}
+		.large-7-of-8{
+			@include span-columns(7 of 8);
+		}
+		.large-8-of-8{
+			@include span-columns(8 of 8);
+		}
+	}
+	.large-9{
+		@include span-columns(9);
+		.large-1-of-9{
+			@include span-columns(1 of 9);
+		}
+		.large-2-of-9{
+			@include span-columns(2 of 9);
+		}
+		.large-3-of-9{
+			@include span-columns(3 of 9);
+		}
+		.large-4-of-9{
+			@include span-columns(4 of 9);
+		}
+		.large-5-of-9{
+			@include span-columns(5 of 9);
+		}
+		.large-6-of-9{
+			@include span-columns(6 of 9);
+		}
+		.large-7-of-9{
+			@include span-columns(7 of 9);
+		}
+		.large-8-of-9{
+			@include span-columns(8 of 9);
+		}
+		.large-9-of-9{
+			@include span-columns(9 of 9);
+		}
+	}
+	.large-10{
+		@include span-columns(10);
+		.large-1-of-10{
+			@include span-columns(1 of 10);
+		}
+		.large-2-of-10{
+			@include span-columns(2 of 10);
+		}
+		.large-3-of-10{
+			@include span-columns(3 of 10);
+		}
+		.large-4-of-10{
+			@include span-columns(4 of 10);
+		}
+		.large-5-of-10{
+			@include span-columns(5 of 10);
+		}
+		.large-6-of-10{
+			@include span-columns(6 of 10);
+		}
+		.large-7-of-10{
+			@include span-columns(7 of 10);
+		}
+		.large-8-of-10{
+			@include span-columns(8 of 10);
+		}
+		.large-9-of-10{
+			@include span-columns(9 of 10);
+		}
+		.large-10-of-10{
+			@include span-columns(10 of 10);
+		}
+	}
+	.large-11{
+		@include span-columns(11);
+		.large-1-of-11{
+			@include span-columns(1 of 11);
+		}
+		.large-2-of-11{
+			@include span-columns(2 of 11);
+		}
+		.large-3-of-11{
+			@include span-columns(3 of 11);
+		}
+		.large-4-of-11{
+			@include span-columns(4 of 11);
+		}
+		.large-5-of-11{
+			@include span-columns(5 of 11);
+		}
+		.large-6-of-11{
+			@include span-columns(6 of 11);
+		}
+		.large-7-of-11{
+			@include span-columns(7 of 11);
+		}
+		.large-8-of-11{
+			@include span-columns(8 of 11);
+		}
+		.large-9-of-11{
+			@include span-columns(9 of 11);
+		}
+		.large-10-of-11{
+			@include span-columns(10 of 11);
+		}
+		.large-11-of-11{
+			@include span-columns(11 of 11);
+		}
+	}
+	.large-12{
+		@include span-columns(12);
+		.large-1-of-12{
+			@include span-columns(1 of 12);
+		}
+		.large-2-of-12{
+			@include span-columns(2 of 12);
+		}
+		.large-3-of-12{
+			@include span-columns(3 of 12);
+		}
+		.large-4-of-12{
+			@include span-columns(4 of 12);
+		}
+		.large-5-of-12{
+			@include span-columns(5 of 12);
+		}
+		.large-6-of-12{
+			@include span-columns(6 of 12);
+		}
+		.large-7-of-12{
+			@include span-columns(7 of 12);
+		}
+		.large-8-of-12{
+			@include span-columns(8 of 12);
+		}
+		.large-9-of-12{
+			@include span-columns(9 of 12);
+		}
+		.large-10-of-12{
+			@include span-columns(10 of 12);
+		}
+		.large-11-of-12{
+			@include span-columns(11 of 12);
+		}
+		.large-12-of-12{
+			@include span-columns(12 of 12);
+		}
+	}
+	.large-push-1{
+		@include shift(1);
+	}
+	.large-pull-1{
+		@include shift(-1);
+	}
+	.large-push-2{
+		@include shift(2);
+	}
+	.large-pull-2{
+		@include shift(-2);
+	}
+	.large-push-3{
+		@include shift(3);
+	}
+	.large-pull-3{
+		@include shift(-3);
+	}
+	.large-push-4{
+		@include shift(4);
+	}
+	.large-pull-4{
+		@include shift(-4);
+	}
+	.large-push-5{
+		@include shift(5);
+	}
+	.large-pull-5{
+		@include shift(-5);
+	}
+	.large-push-6{
+		@include shift(6);
+	}
+	.large-pull-6{
+		@include shift(-6);
+	}
+	.large-push-7{
+		@include shift(7);
+	}
+	.large-pull-7{
+		@include shift(-7);
+	}
+	.large-push-8{
+		@include shift(8);
+	}
+	.large-pull-8{
+		@include shift(-8);
+	}
+	.large-push-9{
+		@include shift(9);
+	}
+	.large-pull-9{
+		@include shift(-9);
+	}
+	.large-push-10{
+		@include shift(10);
+	}
+	.large-pull-10{
+		@include shift(-10);
+	}
+	.large-push-11{
+		@include shift(11);
+	}
+	.large-pull-11{
+		@include shift(-11);
+	}
+	.large-push-12{
+		@include shift(12);
+	}
+	.large-pull-12{
+		@include shift(-12);
+	}
+}

data/app/assets/stylesheets/breakpoints/medium.scss

@@ -0,0 +1,341 @@
+@include media($medium) {
+	.medium-1{
+		@include span-columns(1);
+	}
+	.medium-2{
+		@include span-columns(2);
+		.medium-1-of-2{
+			@include span-columns(1 of 2);
+		}
+		.medium-2-of-2{
+			@include span-columns(2 of 2);
+		}
+	}
+	.medium-3{
+		@include span-columns(3);
+		.medium-1-of-3{
+			@include span-columns(1 of 3);
+		}
+		.medium-2-of-3{
+			@include span-columns(2 of 3);
+		}
+		.medium-3-of-3{
+			@include span-columns(3 of 3);
+		}
+	}
+	.medium-4{
+		@include span-columns(4);
+		.medium-1-of-4{
+			@include span-columns(1 of 4);
+		}
+		.medium-2-of-4{
+			@include span-columns(2 of 4);
+		}
+		.medium-3-of-4{
+			@include span-columns(3 of 4);
+		}
+		.medium-4-of-4{
+			@include span-columns(4 of 4);
+		}
+	}
+	.medium-5{
+		@include span-columns(5);
+		.medium-1-of-5{
+			@include span-columns(1 of 5);
+		}
+		.medium-2-of-5{
+			@include span-columns(2 of 5);
+		}
+		.medium-3-of-5{
+			@include span-columns(3 of 5);
+		}
+		.medium-4-of-5{
+			@include span-columns(4 of 5);
+		}
+		.medium-5-of-5{
+			@include span-columns(5 of 5);
+		}
+	}
+	.medium-6{
+		@include span-columns(6);
+		.medium-1-of-6{
+			@include span-columns(1 of 6);
+		}
+		.medium-2-of-6{
+			@include span-columns(2 of 6);
+		}
+		.medium-3-of-6{
+			@include span-columns(3 of 6);
+		}
+		.medium-4-of-6{
+			@include span-columns(4 of 6);
+		}
+		.medium-5-of-6{
+			@include span-columns(5 of 6);
+		}
+		.medium-6-of-6{
+			@include span-columns(6 of 6);
+		}
+	}
+	.medium-7{
+		@include span-columns(7);
+		.medium-1-of-7{
+			@include span-columns(1 of 7);
+		}
+		.medium-2-of-7{
+			@include span-columns(2 of 7);
+		}
+		.medium-3-of-7{
+			@include span-columns(3 of 7);
+		}
+		.medium-4-of-7{
+			@include span-columns(4 of 7);
+		}
+		.medium-5-of-7{
+			@include span-columns(5 of 7);
+		}
+		.medium-6-of-7{
+			@include span-columns(6 of 7);
+		}
+		.medium-7-of-7{
+			@include span-columns(7 of 7);
+		}
+	}
+	.medium-8{
+		@include span-columns(8);
+		.medium-1-of-8{
+			@include span-columns(1 of 8);
+		}
+		.medium-2-of-8{
+			@include span-columns(2 of 8);
+		}
+		.medium-3-of-8{
+			@include span-columns(3 of 8);
+		}
+		.medium-4-of-8{
+			@include span-columns(4 of 8);
+		}
+		.medium-5-of-8{
+			@include span-columns(5 of 8);
+		}
+		.medium-6-of-8{
+			@include span-columns(6 of 8);
+		}
+		.medium-7-of-8{
+			@include span-columns(7 of 8);
+		}
+		.medium-8-of-8{
+			@include span-columns(8 of 8);
+		}
+	}
+	.medium-9{
+		@include span-columns(9);
+		.medium-1-of-9{
+			@include span-columns(1 of 9);
+		}
+		.medium-2-of-9{
+			@include span-columns(2 of 9);
+		}
+		.medium-3-of-9{
+			@include span-columns(3 of 9);
+		}
+		.medium-4-of-9{
+			@include span-columns(4 of 9);
+		}
+		.medium-5-of-9{
+			@include span-columns(5 of 9);
+		}
+		.medium-6-of-9{
+			@include span-columns(6 of 9);
+		}
+		.medium-7-of-9{
+			@include span-columns(7 of 9);
+		}
+		.medium-8-of-9{
+			@include span-columns(8 of 9);
+		}
+		.medium-9-of-9{
+			@include span-columns(9 of 9);
+		}
+	}
+	.medium-10{
+		@include span-columns(10);
+		.medium-1-of-10{
+			@include span-columns(1 of 10);
+		}
+		.medium-2-of-10{
+			@include span-columns(2 of 10);
+		}
+		.medium-3-of-10{
+			@include span-columns(3 of 10);
+		}
+		.medium-4-of-10{
+			@include span-columns(4 of 10);
+		}
+		.medium-5-of-10{
+			@include span-columns(5 of 10);
+		}
+		.medium-6-of-10{
+			@include span-columns(6 of 10);
+		}
+		.medium-7-of-10{
+			@include span-columns(7 of 10);
+		}
+		.medium-8-of-10{
+			@include span-columns(8 of 10);
+		}
+		.medium-9-of-10{
+			@include span-columns(9 of 10);
+		}
+		.medium-10-of-10{
+			@include span-columns(10 of 10);
+		}
+	}
+	.medium-11{
+		@include span-columns(11);
+		.medium-1-of-11{
+			@include span-columns(1 of 11);
+		}
+		.medium-2-of-11{
+			@include span-columns(2 of 11);
+		}
+		.medium-3-of-11{
+			@include span-columns(3 of 11);
+		}
+		.medium-4-of-11{
+			@include span-columns(4 of 11);
+		}
+		.medium-5-of-11{
+			@include span-columns(5 of 11);
+		}
+		.medium-6-of-11{
+			@include span-columns(6 of 11);
+		}
+		.medium-7-of-11{
+			@include span-columns(7 of 11);
+		}
+		.medium-8-of-11{
+			@include span-columns(8 of 11);
+		}
+		.medium-9-of-11{
+			@include span-columns(9 of 11);
+		}
+		.medium-10-of-11{
+			@include span-columns(10 of 11);
+		}
+		.medium-11-of-11{
+			@include span-columns(11 of 11);
+		}
+	}
+	.medium-12{
+		@include span-columns(12);
+		.medium-1-of-12{
+			@include span-columns(1 of 12);
+		}
+		.medium-2-of-12{
+			@include span-columns(2 of 12);
+		}
+		.medium-3-of-12{
+			@include span-columns(3 of 12);
+		}
+		.medium-4-of-12{
+			@include span-columns(4 of 12);
+		}
+		.medium-5-of-12{
+			@include span-columns(5 of 12);
+		}
+		.medium-6-of-12{
+			@include span-columns(6 of 12);
+		}
+		.medium-7-of-12{
+			@include span-columns(7 of 12);
+		}
+		.medium-8-of-12{
+			@include span-columns(8 of 12);
+		}
+		.medium-9-of-12{
+			@include span-columns(9 of 12);
+		}
+		.medium-10-of-12{
+			@include span-columns(10 of 12);
+		}
+		.medium-11-of-12{
+			@include span-columns(11 of 12);
+		}
+		.medium-12-of-12{
+			@include span-columns(12 of 12);
+		}
+	}
+	.medium-push-1{
+		@include shift(1);
+	}
+	.medium-pull-1{
+		@include shift(-1);
+	}
+	.medium-push-2{
+		@include shift(2);
+	}
+	.medium-pull-2{
+		@include shift(-2);
+	}
+	.medium-push-3{
+		@include shift(3);
+	}
+	.medium-pull-3{
+		@include shift(-3);
+	}
+	.medium-push-4{
+		@include shift(4);
+	}
+	.medium-pull-4{
+		@include shift(-4);
+	}
+	.medium-push-5{
+		@include shift(5);
+	}
+	.medium-pull-5{
+		@include shift(-5);
+	}
+	.medium-push-6{
+		@include shift(6);
+	}
+	.medium-pull-6{
+		@include shift(-6);
+	}
+	.medium-push-7{
+		@include shift(7);
+	}
+	.medium-pull-7{
+		@include shift(-7);
+	}
+	.medium-push-8{
+		@include shift(8);
+	}
+	.medium-pull-8{
+		@include shift(-8);
+	}
+	.medium-push-9{
+		@include shift(9);
+	}
+	.medium-pull-9{
+		@include shift(-9);
+	}
+	.medium-push-10{
+		@include shift(10);
+	}
+	.medium-pull-10{
+		@include shift(-10);
+	}
+	.medium-push-11{
+		@include shift(11);
+	}
+	.medium-pull-11{
+		@include shift(-11);
+	}
+	.medium-push-12{
+		@include shift(12);
+	}
+	.medium-pull-12{
+		@include shift(-12);
+	}
+}

data/app/assets/stylesheets/breakpoints/small.scss

@@ -0,0 +1,341 @@
+@include media($small) {
+	.small-1{
+		@include span-columns(1);
+	}
+	.small-2{
+		@include span-columns(2);
+		.small-1-of-2{
+			@include span-columns(1 of 2);
+		}
+		.small-2-of-2{
+			@include span-columns(2 of 2);
+		}
+	}
+	.small-3{
+		@include span-columns(3);
+		.small-1-of-3{
+			@include span-columns(1 of 3);
+		}
+		.small-2-of-3{
+			@include span-columns(2 of 3);
+		}
+		.small-3-of-3{
+			@include span-columns(3 of 3);
+		}
+	}
+	.small-4{
+		@include span-columns(4);
+		.small-1-of-4{
+			@include span-columns(1 of 4);
+		}
+		.small-2-of-4{
+			@include span-columns(2 of 4);
+		}
+		.small-3-of-4{
+			@include span-columns(3 of 4);
+		}
+		.small-4-of-4{
+			@include span-columns(4 of 4);
+		}
+	}
+	.small-5{
+		@include span-columns(5);
+		.small-1-of-5{
+			@include span-columns(1 of 5);
+		}
+		.small-2-of-5{
+			@include span-columns(2 of 5);
+		}
+		.small-3-of-5{
+			@include span-columns(3 of 5);
+		}
+		.small-4-of-5{
+			@include span-columns(4 of 5);
+		}
+		.small-5-of-5{
+			@include span-columns(5 of 5);
+		}
+	}
+	.small-6{
+		@include span-columns(6);
+		.small-1-of-6{
+			@include span-columns(1 of 6);
+		}
+		.small-2-of-6{
+			@include span-columns(2 of 6);
+		}
+		.small-3-of-6{
+			@include span-columns(3 of 6);
+		}
+		.small-4-of-6{
+			@include span-columns(4 of 6);
+		}
+		.small-5-of-6{
+			@include span-columns(5 of 6);
+		}
+		.small-6-of-6{
+			@include span-columns(6 of 6);
+		}
+	}
+	.small-7{
+		@include span-columns(7);
+		.small-1-of-7{
+			@include span-columns(1 of 7);
+		}
+		.small-2-of-7{
+			@include span-columns(2 of 7);
+		}
+		.small-3-of-7{
+			@include span-columns(3 of 7);
+		}
+		.small-4-of-7{
+			@include span-columns(4 of 7);
+		}
+		.small-5-of-7{
+			@include span-columns(5 of 7);
+		}
+		.small-6-of-7{
+			@include span-columns(6 of 7);
+		}
+		.small-7-of-7{
+			@include span-columns(7 of 7);
+		}
+	}
+	.small-8{
+		@include span-columns(8);
+		.small-1-of-8{
+			@include span-columns(1 of 8);
+		}
+		.small-2-of-8{
+			@include span-columns(2 of 8);
+		}
+		.small-3-of-8{
+			@include span-columns(3 of 8);
+		}
+		.small-4-of-8{
+			@include span-columns(4 of 8);
+		}
+		.small-5-of-8{
+			@include span-columns(5 of 8);
+		}
+		.small-6-of-8{
+			@include span-columns(6 of 8);
+		}
+		.small-7-of-8{
+			@include span-columns(7 of 8);
+		}
+		.small-8-of-8{
+			@include span-columns(8 of 8);
+		}
+	}
+	.small-9{
+		@include span-columns(9);
+		.small-1-of-9{
+			@include span-columns(1 of 9);
+		}
+		.small-2-of-9{
+			@include span-columns(2 of 9);
+		}
+		.small-3-of-9{
+			@include span-columns(3 of 9);
+		}
+		.small-4-of-9{
+			@include span-columns(4 of 9);
+		}
+		.small-5-of-9{
+			@include span-columns(5 of 9);
+		}
+		.small-6-of-9{
+			@include span-columns(6 of 9);
+		}
+		.small-7-of-9{
+			@include span-columns(7 of 9);
+		}
+		.small-8-of-9{
+			@include span-columns(8 of 9);
+		}
+		.small-9-of-9{
+			@include span-columns(9 of 9);
+		}
+	}
+	.small-10{
+		@include span-columns(10);
+		.small-1-of-10{
+			@include span-columns(1 of 10);
+		}
+		.small-2-of-10{
+			@include span-columns(2 of 10);
+		}
+		.small-3-of-10{
+			@include span-columns(3 of 10);
+		}
+		.small-4-of-10{
+			@include span-columns(4 of 10);
+		}
+		.small-5-of-10{
+			@include span-columns(5 of 10);
+		}
+		.small-6-of-10{
+			@include span-columns(6 of 10);
+		}
+		.small-7-of-10{
+			@include span-columns(7 of 10);
+		}
+		.small-8-of-10{
+			@include span-columns(8 of 10);
+		}
+		.small-9-of-10{
+			@include span-columns(9 of 10);
+		}
+		.small-10-of-10{
+			@include span-columns(10 of 10);
+		}
+	}
+	.small-11{
+		@include span-columns(11);
+		.small-1-of-11{
+			@include span-columns(1 of 11);
+		}
+		.small-2-of-11{
+			@include span-columns(2 of 11);
+		}
+		.small-3-of-11{
+			@include span-columns(3 of 11);
+		}
+		.small-4-of-11{
+			@include span-columns(4 of 11);
+		}
+		.small-5-of-11{
+			@include span-columns(5 of 11);
+		}
+		.small-6-of-11{
+			@include span-columns(6 of 11);
+		}
+		.small-7-of-11{
+			@include span-columns(7 of 11);
+		}
+		.small-8-of-11{
+			@include span-columns(8 of 11);
+		}
+		.small-9-of-11{
+			@include span-columns(9 of 11);
+		}
+		.small-10-of-11{
+			@include span-columns(10 of 11);
+		}
+		.small-11-of-11{
+			@include span-columns(11 of 11);
+		}
+	}
+	.small-12{
+		@include span-columns(12);
+		.small-1-of-12{
+			@include span-columns(1 of 12);
+		}
+		.small-2-of-12{
+			@include span-columns(2 of 12);
+		}
+		.small-3-of-12{
+			@include span-columns(3 of 12);
+		}
+		.small-4-of-12{
+			@include span-columns(4 of 12);
+		}
+		.small-5-of-12{
+			@include span-columns(5 of 12);
+		}
+		.small-6-of-12{
+			@include span-columns(6 of 12);
+		}
+		.small-7-of-12{
+			@include span-columns(7 of 12);
+		}
+		.small-8-of-12{
+			@include span-columns(8 of 12);
+		}
+		.small-9-of-12{
+			@include span-columns(9 of 12);
+		}
+		.small-10-of-12{
+			@include span-columns(10 of 12);
+		}
+		.small-11-of-12{
+			@include span-columns(11 of 12);
+		}
+		.small-12-of-12{
+			@include span-columns(12 of 12);
+		}
+	}
+	.small-push-1{
+		@include shift(1);
+	}
+	.small-pull-1{
+		@include shift(-1);
+	}
+	.small-push-2{
+		@include shift(2);
+	}
+	.small-pull-2{
+		@include shift(-2);
+	}
+	.small-push-3{
+		@include shift(3);
+	}
+	.small-pull-3{
+		@include shift(-3);
+	}
+	.small-push-4{
+		@include shift(4);
+	}
+	.small-pull-4{
+		@include shift(-4);
+	}
+	.small-push-5{
+		@include shift(5);
+	}
+	.small-pull-5{
+		@include shift(-5);
+	}
+	.small-push-6{
+		@include shift(6);
+	}
+	.small-pull-6{
+		@include shift(-6);
+	}
+	.small-push-7{
+		@include shift(7);
+	}
+	.small-pull-7{
+		@include shift(-7);
+	}
+	.small-push-8{
+		@include shift(8);
+	}
+	.small-pull-8{
+		@include shift(-8);
+	}
+	.small-push-9{
+		@include shift(9);
+	}
+	.small-pull-9{
+		@include shift(-9);
+	}
+	.small-push-10{
+		@include shift(10);
+	}
+	.small-pull-10{
+		@include shift(-10);
+	}
+	.small-push-11{
+		@include shift(11);
+	}
+	.small-pull-11{
+		@include shift(-11);
+	}
+	.small-push-12{
+		@include shift(12);
+	}
+	.small-pull-12{
+		@include shift(-12);
+	}
+}

data/app/assets/stylesheets/neat-breakpoint-classes.scss

@@ -0,0 +1,3 @@
+@import "breakpoints/large";
+@import "breakpoints/medium";
+@import "breakpoints/small";

data/lib/neat-classes.rb

@@ -0,0 +1,3 @@
+module NeatClasses
+	require 'neat-classes/engine'
+end

data/lib/neat-classes/engine.rb

@@ -0,0 +1,4 @@
+module NeatClasses
+	class Engine < Rails::Engine
+	end
+end

metadata

@@ -0,0 +1,63 @@
+--- !ruby/object:Gem::Specification
+name: neat-classes
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Nick Franken
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-05-13 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: neat
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Foundation style classes for span-columns using Bourbon Neat
+email:
+- nf@the42.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/neat-classes.rb
+- lib/neat-classes/engine.rb
+- app/assets/stylesheets/neat-breakpoint-classes.scss
+- app/assets/stylesheets/breakpoints/large.scss
+- app/assets/stylesheets/breakpoints/medium.scss
+- app/assets/stylesheets/breakpoints/small.scss
+homepage: 
+licenses: []
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.0.3
+signing_key: 
+specification_version: 4
+summary: Foundation style classes for span-columns using Bourbon Neat
+test_files: []