diff options
| -rw-r--r-- | style.scss | 25 |
1 files changed, 25 insertions, 0 deletions
@@ -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); + } +} |