From a488bece128ba07dc6d14c330174ab129fc274fd Mon Sep 17 00:00:00 2001
From: jeffreytse <jeffreytse.mail@gmail.com>
Date: Thu, 17 Sep 2020 11:28:44 +0800
Subject: fix: wrong banner text padding on palm device

---
 _sass/yat/_layout.scss | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

(limited to '_sass')

diff --git a/_sass/yat/_layout.scss b/_sass/yat/_layout.scss
index 041bbe2..66ec4d2 100644
--- a/_sass/yat/_layout.scss
+++ b/_sass/yat/_layout.scss
@@ -590,8 +590,7 @@ html {
       > :nth-child(1) {
         @include relative-font-size(3.9);
         letter-spacing: -1px;
-        line-height: 0.95;
-        margin-bottom: 18px;
+        margin-bottom: 16px;
         font-weight: normal;
         transition: 0.2s all;
 
@@ -614,6 +613,10 @@ html {
       @include relative-font-size(1.525);
       color: #ffffffcc;
       padding-right: 280px;
+
+      @include media-query($on-palm) {
+        padding-right: 0;
+      }
     }
 
     .post-meta {
@@ -628,6 +631,10 @@ html {
       color: #999;
       padding-right: 280px;
 
+      @include media-query($on-palm) {
+        padding-right: 0;
+      }
+
       .post-tag {
         @include relative-font-size(1.125);
         display: inline-block;
-- 
cgit v1.2.3