From 124938e321b9b5dccb7d0d75fa17ae2d1adaf936 Mon Sep 17 00:00:00 2001
From: Siri Reiter <siri@jones.dk>
Date: Fri, 5 Feb 2016 20:20:57 +0100
Subject: Include responsive media screen styling and h5bp-helpers.

---
 test.scss | 33 ++++++++++++++++++++++++++++-----
 1 file changed, 28 insertions(+), 5 deletions(-)

(limited to 'test.scss')

diff --git a/test.scss b/test.scss
index 5895f1a..d812557 100644
--- a/test.scss
+++ b/test.scss
@@ -1,8 +1,15 @@
+@import 'h5bp/helpers';
+
+#content {
+	width: 99.9%;
+	margin: 2%;
+}
+
 .inlinepage {
 	border: 0;
 	padding: 1em 5%;
 	margin: 0;
-//	background-color: LightYellow;
+	background-color: none;
 }
 
 .inlinepage .header a {
@@ -10,10 +17,26 @@
 	color: DarkRed;
 }
 
-.inlinefooter {
-	display: none;
+.inlinefooter,
+.inlineheader .author,
+.sidebar,
+.farbar {
+	@include h5bp-hidden;
 }
 
-.inlineheader .author {
-	display: none;
+//Responsive design
+@media screen and (max-width: 40em) {
+.inlinepage {
+	background-color: Blue;
+}
+}
+@media screen and (min-width: 41em) and (max-width: 70em) {
+.inlinepage {
+	background-color: Black;
+}
+}
+@media only screen and (min-width: 71em) {
+.inlinepage {
+	background-color: Red;
+}
 }
-- 
cgit v1.2.3