From dff5ae0d4debfdb2de226984e86a987d99d039ad Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Thu, 14 Jul 2022 20:09:21 +0000
Subject: [PATCH] style: improve header anchor styling
---
assets/styles/base.scss | 19 +++++++++++++------
1 files changed, 13 insertions(+), 6 deletions(-)
diff --git a/assets/styles/base.scss b/assets/styles/base.scss
index 7903f6e..f7ad909 100644
--- a/assets/styles/base.scss
+++ b/assets/styles/base.scss
@@ -42,15 +42,15 @@
padding: 2rem auto 1rem;
&:hover > .hanchor {
- opacity: 1;
+ color: var(--secondary);
}
}
.hanchor {
font-family: var(--font-header);
- opacity: 0.2;
- transition: opacity 0.3s ease;
- color: var(--secondary);
+ opacity: 0.8;
+ transition: color 0.3s ease;
+ color: var(--dark);
}
p, ul, text, a, tr, td, li, ol, ul {
@@ -169,7 +169,7 @@
background-color: transparent !important;
}
- & a[href$="#"] {
+ & a[href$="#"], &.active a {
opacity: 0.2;
}
}
@@ -177,6 +177,7 @@
article {
& > h1 {
+ margin-top: 2em;
font-size: 2em;
}
@@ -506,7 +507,13 @@
& > .section {
display: flex;
align-items: center;
-
+
+ @media all and (max-width: 600px) {
+ & .tags {
+ display: none;
+ }
+ }
+
& h3 > a {
font-weight: 700;
margin: 0;
--
Gitblit v1.10.0