From 173fb18813d0173d0545d8ca55ab4f6a76f7fdc9 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Wed, 6 Apr 2016 17:15:29 +0800
Subject: add responsive breakpoint system code

---
 src/layout.less     | 41 +++++++++++++++++++++++++++++++++++++----
 src/typography.less |  2 +-
 2 files changed, 38 insertions(+), 5 deletions(-)

(limited to 'src')

diff --git a/src/layout.less b/src/layout.less
index b101ca0..ccdd609 100644
--- a/src/layout.less
+++ b/src/layout.less
@@ -8,10 +8,17 @@
   &:extend(.clearfix all);
 }
 @media screen and (min-width: 961px) {
-  .container {
-    &.grid-960 {
-      width: 96rem;
-    }
+  .grid-960 {
+    width: 96rem;
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+@media screen and (min-width: 481px) {
+  .grid-480 {
+    width: 48rem;
+    margin-left: auto;
+    margin-right: auto;
   }
 }
 
@@ -82,3 +89,29 @@
   }
 }
 
+// Responsive breakpoint system
+@media screen and (max-width: 480px) {
+  .hide-xs {
+    display: none !important;
+  }
+}
+@media screen and (max-width: 600px) {
+  .hide-sm {
+    display: none !important;
+  }
+}
+@media screen and (max-width: 840px) {
+  .hide-md {
+    display: none !important;
+  }
+}
+@media screen and (max-width: 960px) {
+  .hide-lg {
+    display: none !important;
+  }
+}
+@media screen and (max-width: 1280px) {
+  .hide-xl {
+    display: none !important;
+  }
+}
\ No newline at end of file
diff --git a/src/typography.less b/src/typography.less
index bd4c576..0051ba0 100644
--- a/src/typography.less
+++ b/src/typography.less
@@ -8,7 +8,7 @@ h6 {
   font-weight: 300;
   line-height: 1.1;
   margin-top: 2.5rem;
-  margin-bottom: 1rem;
+  margin-bottom: 1.5rem;
   color: inherit;
 }
 h1 {
-- 
cgit v1.3.1-23-gd82d