From 82ba843e42198d2ef2829eb6e668377bc9ebe4be Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Mon, 15 Nov 2021 23:54:18 +0000
Subject: [PATCH] search styling
---
assets/base.scss | 33 ++++++++++++++++++++++++++-------
1 files changed, 26 insertions(+), 7 deletions(-)
diff --git a/assets/base.scss b/assets/base.scss
index a1b5c7b..bd0b609 100644
--- a/assets/base.scss
+++ b/assets/base.scss
@@ -8,13 +8,19 @@
h1, h2, h3, h4, ol, ul, thead {
font-family: Inter;
- color: var(--dark)
+ color: var(--dark);
+ font-weight: revert;
+ margin: revert;
+ padding: revert;
}
p, ul, text {
font-family: 'Source Sans Pro', sans-serif;
color: var(--gray);
fill: var(--gray);
+ font-weight: revert;
+ margin: revert;
+ padding: revert;
}
a {
@@ -242,14 +248,14 @@
flex-direction: row;
align-items: center;
+ & > h1 {
+ font-size: 2em;
+ }
+
& > nav {
@media all and (max-width: 600px) {
display: none;
}
-
- & > a {
- margin-left: 2em;
- }
}
& > .spacer {
@@ -280,7 +286,8 @@
left: 0;
top: 0;
width: 100vw;
- height: 100vh;
+ height: 100%;
+ overflow: scroll;
display: none;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
@@ -323,8 +330,20 @@
transition: background 0.2s ease;
border: 1px solid var(--outlinegray);
border-bottom: none;
+ width: 100%;
- &:hover {
+ // normalize button props
+ font-family: inherit;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ overflow: visible;
+ text-transform: none;
+ text-align: left;
+ background: var(--light);
+ outline: none;
+
+ &:hover, &:focus {
background: rgba(180, 180, 180, 0.15);
}
--
Gitblit v1.10.0