From f192f9a23df34d30e223e20ab5e8cb8210a7dfe9 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Wed, 16 Feb 2022 04:03:02 +0000
Subject: [PATCH] fix #54: root all image urls
---
assets/base.scss | 144 ++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 127 insertions(+), 17 deletions(-)
diff --git a/assets/base.scss b/assets/base.scss
index c9340a9..a462a33 100644
--- a/assets/base.scss
+++ b/assets/base.scss
@@ -6,7 +6,7 @@
--lt-colours-gray: var(--outlinegray) !important;
}
-h1, h2, h3, h4, ol, ul, thead {
+h1, h2, h3, h4, h5, h6, ol, ul, thead {
font-family: Inter;
color: var(--dark);
font-weight: revert;
@@ -81,10 +81,6 @@
line-height: 1.5em;
}
-h2, h3 {
- opacity: 0.9;
-}
-
blockquote {
margin-left: 0em;
border-left: 3px solid var(--secondary);
@@ -108,17 +104,84 @@
margin: 0.5em 0;
}
-article a {
- font-family: Source Sans Pro;
- font-weight: 600;
+.pagination {
+ list-style: none;
+ padding-left: 0;
+ display: flex;
+ margin-top: 2em;
+ gap: 1.5em;
+ justify-content: center;
- // internal link
- &[href^="./"], &[href^="/"] {
- text-decoration: none;
- background-color: transparentize(#8f9fa9, 0.85);
- padding: 0 0.1em;
- margin: auto -0.1em;
- border-radius: 3px;
+ & > li {
+ text-align: center;
+ display: inline-block;
+
+ & a {
+ background-color: transparent !important;
+ }
+
+ & a[href$="#"] {
+ opacity: 0.2;
+ }
+ }
+}
+
+.section {
+ & h3 > a {
+ font-weight: 700;
+ font-family: Inter;
+ margin: 0;
+ }
+ & p {
+ margin-top: 0;
+ }
+}
+
+article {
+ & > .meta {
+ margin: -1.5em 0 1em 0;
+ opacity: 0.7;
+ }
+
+ & > .tags {
+ list-style: none;
+ padding-left: 0;
+
+ & .meta {
+ & > h1 {
+ margin: 0;
+ }
+ & > p {
+ margin: 0;
+ }
+ }
+
+ & > li {
+ display: inline-block;
+ }
+ & > li > a {
+ border-radius: 8px;
+ border: var(--outlinegray) 1px solid;
+ padding: 0.2em 0.5em;
+ &::before {
+ content: "#";
+ margin-right: 0.3em;
+ color: var(--outlinegray);
+ }
+ }
+ }
+
+ & a {
+ font-family: Source Sans Pro;
+ font-weight: 600;
+
+ &.internal-link {
+ text-decoration: none;
+ background-color: transparentize(#8f9fa9, 0.85);
+ padding: 0 0.1em;
+ margin: auto -0.1em;
+ border-radius: 3px;
+ }
}
}
@@ -162,6 +225,13 @@
html {
scroll-behavior: smooth;
+
+ &:lang(ar) {
+ & p, & h1, & h2, & h3, article {
+ direction: rtl;
+ text-align: right;
+ }
+ }
}
body {
@@ -208,6 +278,7 @@
.page-end {
display: flex;
flex-direction: row;
+ gap: 2em;
@media all and (max-width: 780px) {
flex-direction: column;
@@ -221,7 +292,6 @@
& > ul {
list-style: none;
padding-left: 0;
- margin-right: 2em;
& > li {
margin: 0.5em 0;
@@ -395,4 +465,44 @@
opacity: 0.6;
}
}
-}
\ No newline at end of file
+}
+
+.popover {
+ z-index: 999;
+ position: absolute;
+ width: 20em;
+ display: inline-block;
+ visibility: hidden;
+ background-color: var(--light);
+ padding: 1em;
+ border: 1px solid var(--outlinegray);
+ border-radius: 5px;
+ transform: translate(-50%, 40%);
+ opacity: 0;
+ pointer-events: none;
+ transition: opacity 0.2s ease, transform 0.2s ease;
+ transition-delay: 0.3s;
+ user-select: none;
+
+ &.visible {
+ opacity: 1;
+ visibility: visible;
+ transform: translate(-50%, 20%);
+ }
+
+ & > h3 {
+ font-size: 1rem;
+ margin: 0.25em 0;
+ }
+
+ & > .meta {
+ margin-top: 0.25em;
+ opacity: 0.5;
+ }
+
+ & > p {
+ margin: 0;
+ font-weight: 400;
+ user-select: none;
+ }
+}
--
Gitblit v1.10.0