summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--test.scss33
1 files changed, 28 insertions, 5 deletions
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;
+}
}