Move responsive column count from test.

1 files changed, 25 insertions, 0 deletions

diff --git a/style.scss b/style.scss
index 367b882..e49dc7e 100644
--- a/style.scss
+++ b/style.scss
@@ -3,6 +3,10 @@
 @import "compass/typography/links";
 @import "../shared/themes/default/ikiwiki";
 
+// to make responsive functions and columns possible
+@import 'h5bp/helpers';
+@import 'compass/css3';
+
 // site defaults
 @include h5bp-normalize;
 @include h5bp-main;
@@ -438,3 +442,24 @@ th {
 	margin-bottom: 0;
 }
 
+//Responsive design
+@media screen and (max-width: 480px) {
+	.columns {
+		@include column-count(1);
+	}
+	.inlinepage {
+		margin: 0;
+	}
+}
+
+@media screen and (min-width: 480px) and (max-width: 700px) {
+	.columns {
+		@include column-count(2);
+	}
+}
+
+@media screen and (min-width: 701px) {
+	.columns {
+		@include column-count(3);
+	}
+}