fix: wrong banner text padding on palm device

This commit is contained in:
jeffreytse 2020-09-17 11:28:44 +08:00
parent 5c26a066e5
commit a488bece12

View file

@ -590,8 +590,7 @@ html {
> :nth-child(1) { > :nth-child(1) {
@include relative-font-size(3.9); @include relative-font-size(3.9);
letter-spacing: -1px; letter-spacing: -1px;
line-height: 0.95; margin-bottom: 16px;
margin-bottom: 18px;
font-weight: normal; font-weight: normal;
transition: 0.2s all; transition: 0.2s all;
@ -614,6 +613,10 @@ html {
@include relative-font-size(1.525); @include relative-font-size(1.525);
color: #ffffffcc; color: #ffffffcc;
padding-right: 280px; padding-right: 280px;
@include media-query($on-palm) {
padding-right: 0;
}
} }
.post-meta { .post-meta {
@ -628,6 +631,10 @@ html {
color: #999; color: #999;
padding-right: 280px; padding-right: 280px;
@include media-query($on-palm) {
padding-right: 0;
}
.post-tag { .post-tag {
@include relative-font-size(1.125); @include relative-font-size(1.125);
display: inline-block; display: inline-block;