fix: wrong banner text padding on palm device

1 files changed, 9 insertions, 2 deletions

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;