refactor header

This commit is contained in:
mivinci 2021-09-09 15:56:22 +08:00
parent 6b55bdedc6
commit a3cb5a359b
10 changed files with 79 additions and 47 deletions

View file

@ -1,6 +1,8 @@
* {
line-height: 1;
-webkit-tap-highlight-color: rgba(0,0,0,0);
user-select: none;
outline: none;
}
$unit: 0.25rem;
@ -80,6 +82,18 @@ $screens: (
.#{$prefix}text-sm {
font-size: .9rem;
}
.#{$prefix}text-md {
font-size: 1.25rem;
}
.#{$prefix}text-xl {
font-size: 1.5rem;
}
.#{$prefix}text-2xl {
font-size: 1.75rem;
}
.#{$prefix}text-3xl {
font-size: 2rem;
}
.#{$prefix}text-4xl {
font-size: 2.25rem;
}
@ -117,3 +131,9 @@ $screens: (
.cursor-pointer {
cursor: pointer;
}
.not-first\:ml-3 {
&:not(:first-child) {
margin-left: 0.75rem;
}
}

View file

@ -44,6 +44,7 @@ h4,
h5 {
font-family: "Noto Serif SC", 'Times New Roman', Times, sans-serif;
font-weight: 700;
line-height: 1.5;
}
p {
@ -62,6 +63,7 @@ code {
font-size: 13px;
}
.tag,
p code {
background-color: var(--bd);
padding: 0.2em 0.4em;
@ -70,9 +72,14 @@ p code {
a {
text-decoration: none;
color: inherit;
}
a:not(.icon) {
a:hover {
color: var(--pm);
}
main a:not(.icon) {
color: inherit;
text-decoration: underline;
text-decoration-color: var(--pm);
@ -81,13 +88,13 @@ a:not(.icon) {
transition: background-position 0.2s ease-in-out;
}
a:not(.icon):hover,
a:not(.icon):focus {
main a:not(.icon):hover,
main a:not(.icon):focus {
background-position: 0 100%;
color: #fff;
}
a.icon:hover {
main a.icon:hover {
transform: translateY(-5px);
transition: transform 0.3s ease-in-out;
}