From c1b8fe1221e3367f0632ce43f602e811c0fd0284 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Wed, 13 Jul 2022 21:32:32 +0000
Subject: [PATCH] feat: restyle search icon
---
assets/styles/base.scss | 79 +++++++++++++++++++++++----------------
1 files changed, 47 insertions(+), 32 deletions(-)
diff --git a/assets/styles/base.scss b/assets/styles/base.scss
index 1b9b936..4426abb 100644
--- a/assets/styles/base.scss
+++ b/assets/styles/base.scss
@@ -24,7 +24,6 @@
opacity: 0.3;
transition: opacity 0.3s ease;
color: var(--secondary);
-
}
p, ul, text {
@@ -85,7 +84,7 @@
}
img {
- width: 100%;
+ max-width: 100%;
border-radius: 3px;
margin: 1em 0;
}
@@ -171,34 +170,6 @@
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;
@@ -222,6 +193,36 @@
}
}
+.tags {
+ list-style: none;
+ padding-left: 0;
+
+ & .meta {
+ & > h1 {
+ margin: 0;
+ }
+ & > p {
+ margin: 0;
+ }
+ }
+
+ & > li {
+ display: inline-block;
+ margin: 0.4em 0;
+ }
+
+ & > li > a {
+ border-radius: 8px;
+ border: var(--outlinegray) 1px solid;
+ padding: 0.2em 0.5em;
+ &::before {
+ content: "#";
+ margin-right: 0.3em;
+ color: var(--outlinegray);
+ }
+ }
+}
+
.backlinks a {
font-weight: 600;
font-size: 0.9rem;
@@ -379,11 +380,24 @@
flex: 1 1 auto;
}
- & > svg {
+ #search-icon {
+ background-color: var(--lightgray);
+ border-radius: 4px;
+ height: 2em;
+ display: flex;
+ align-items: center;
+ cursor: pointer;
+ & > p {
+ display: inline;
+ padding-left: 0.5em;
+ }
+ }
+
+ & svg {
cursor: pointer;
width: 18px;
min-width: 18px;
- margin: 0 1em;
+ margin: 0 0.5em;
&:hover .search-path {
stroke: var(--tertiary);
@@ -589,3 +603,4 @@
padding: 0 1em;
}
}
+
--
Gitblit v1.10.0