From 8a4923aea8fb4757b99b945dcfdc6448970bc396 Mon Sep 17 00:00:00 2001
From: Jeffrey Tse <jeffreytse.mail@gmail.com>
Date: Fri, 20 Sep 2019 15:45:37 +0800
Subject: update: adjust header and banner
---
_sass/yat/_layout.scss | 28 ++++++++++++++++------------
1 file changed, 16 insertions(+), 12 deletions(-)
(limited to '_sass/yat')
diff --git a/_sass/yat/_layout.scss b/_sass/yat/_layout.scss
index 571bb4f..e4960f1 100644
--- a/_sass/yat/_layout.scss
+++ b/_sass/yat/_layout.scss
@@ -11,12 +11,10 @@ html {
&[data-scroll-status='top'] {
header.site-header-transparent {
height: 0;
- text-shadow: 0 0 3px #08080880;
- }
- header.site-header .page-link {
- text-shadow: 0 0 2px #080808d0;
- filter: drop-shadow(0 0 2px #08080880);
+ &.site-header {
+ text-shadow: 0 0 2px #505050a0;
+ }
}
footer.site-footer {
@@ -56,6 +54,10 @@ html {
a {
text-decoration: none;
}
+
+ .site-header-inner {
+ position: relative;
+ }
}
.site-brand {
@@ -65,17 +67,15 @@ html {
.site-brand-inner {
@include relative-font-size(1.125);
font-weight: $base-font-weight;
- filter: drop-shadow(0 0 2px #08080880);
- text-shadow: 0 0 2px #080808d0;
letter-spacing: -1px;
- transition: drop-shadow 0.2s;
+ transition: filter 0.2s;
&, &:visited {
color: $header-text-color;
}
&:hover {
- filter: drop-shadow(0 0 3px #080808a0);
+ filter: drop-shadow(0 0 2px #08080880);
}
.site-favicon {
@@ -88,8 +88,10 @@ html {
.site-nav {
@include relative-font-size(1.025);
- float: right;
line-height: $header-height;
+ position: absolute;
+ right: 0;
+ top: 0;
.nav-trigger {
display: none;
@@ -112,12 +114,10 @@ html {
@include media-query($on-palm) {
position: absolute;
top: 0;
- right: $spacing-unit / 2;
text-align: left;
label[for="nav-trigger"] {
display: block;
- float: right;
z-index: 2;
cursor: pointer;
}
@@ -361,6 +361,10 @@ html {
> :nth-child(2) {
font-weight: $base-font-weight * 1.5;
}
+
+ > :last-child {
+ margin-bottom: 0;
+ }
}
}
--
cgit v1.2.3