hibby
/
PaperModX
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add link hover style to social icons

This commit is contained in:
Reorx 2022-04-21 14:56:33 +08:00
parent a10cac8183
commit 5b8b8241f3
3 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
assets/css/common/main.css
View File

@ -36,14 +36,24 @@
padding: 12px 0; padding: 12px 0;
} }
.social-icons a {
display: inline-block;
line-height: 20px;
transition: var(--link-transition);
}
.social-icons a:not(:last-of-type) { .social-icons a:not(:last-of-type) {
margin-inline-end: 12px; margin-right: 12px;
} }
.social-icons a svg { .social-icons a svg {
height: 26px; height: 26px;
width: 26px; width: 26px;
} }
.social-icons a:hover {
color: var(--link-hover-color);
box-shadow: var(--link-hover-underline-shadow);
}
code { code {
direction: ltr; direction: ltr;

2
assets/css/common/post-entry.css
View File

@ -57,7 +57,7 @@
.entry-header h2 { .entry-header h2 {
font-size: 24px; font-size: 24px;
line-height: 1.3; line-height: 1.3;
transition: all 0.3s ease; transition: var(--link-transition);
display: inline-block; display: inline-block;
} }

1
assets/css/core/theme-vars.css
View File

@ -21,6 +21,7 @@
--link-underline-shadow: 0 1px 0 var(--link-color); --link-underline-shadow: 0 1px 0 var(--link-color);
--link-hover-underline-color: #6549c0; --link-hover-underline-color: #6549c0;
--link-hover-underline-shadow: 0 2px 0 var(--link-hover-underline-color); --link-hover-underline-shadow: 0 2px 0 var(--link-hover-underline-color);
--link-transition: all 0.3s ease;
} }
.dark { .dark {