From d224455450c144433db1c13b938737db130d2434 Mon Sep 17 00:00:00 2001 From: Siri Reiter Date: Wed, 24 Feb 2016 00:05:09 +0100 Subject: Move responsive column count from test. --- style.scss | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) 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); + } +} -- cgit v1.2.3