From 1e2255e14f1b4edeb97bbbd5d98fdbdf3b4592aa Mon Sep 17 00:00:00 2001
From: yafeilee <lyfi2003@gmail.com>
Date: Wed, 27 Apr 2016 14:05:47 +0800
Subject: [PATCH] Blog index page for small screen

---
 app/assets/stylesheets/_settings.scss       | 2 +-
 app/assets/stylesheets/aboutme_welcome.scss | 4 +++-
 app/assets/stylesheets/blogs.scss           | 6 ++++--
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/_settings.scss b/app/assets/stylesheets/_settings.scss
index 30d4f61..e3e1fb4 100644
--- a/app/assets/stylesheets/_settings.scss
+++ b/app/assets/stylesheets/_settings.scss
@@ -58,7 +58,7 @@ $foundation-palette: (
 $light-gray: #e6e6e6;
 $medium-gray: #cacaca;
 $dark-gray: #8a8a8a;
-$black: #0a0a0a;
+$black: #333333;
 $white: #fefefe;
 $body-background: $white;
 $body-font-color: $black;
diff --git a/app/assets/stylesheets/aboutme_welcome.scss b/app/assets/stylesheets/aboutme_welcome.scss
index 654a65f..17d9c96 100644
--- a/app/assets/stylesheets/aboutme_welcome.scss
+++ b/app/assets/stylesheets/aboutme_welcome.scss
@@ -1,5 +1,7 @@
 .self-introduce {
-  margin-top: 1.875rem;
+  @media screen and (min-width: 64em) {
+    margin-top: 1.875rem;
+  }
 
   h1, h2, h3, h4, h5, h6 {
   }
diff --git a/app/assets/stylesheets/blogs.scss b/app/assets/stylesheets/blogs.scss
index 69a5f55..6136ce2 100644
--- a/app/assets/stylesheets/blogs.scss
+++ b/app/assets/stylesheets/blogs.scss
@@ -34,7 +34,7 @@
 }
 
 .published-at {
-  @media only screen and (min-width: 40.063em) {
+  @media screen and (min-width: 40.063em) {
     text-align: right;
   }
   margin-top: 1rem;
@@ -48,7 +48,9 @@
 }
 
 .recent-content {
-  padding-bottom: 3rem;
+  @media screen and (min-width: 64em) {
+    padding-bottom: 3rem;
+  }
   li {
     list-style: disc;
   }