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;
}
.social-icons a {
display: inline-block;
line-height: 20px;
transition: var(--link-transition);
}
.social-icons a:not(:last-of-type) {
margin-inline-end: 12px;
margin-right: 12px;
}
.social-icons a svg {
height: 26px;
width: 26px;
}
.social-icons a:hover {
color: var(--link-hover-color);
box-shadow: var(--link-hover-underline-shadow);
}
code {
direction: ltr;

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

@ -57,7 +57,7 @@
.entry-header h2 {
font-size: 24px;
line-height: 1.3;
transition: all 0.3s ease;
transition: var(--link-transition);
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-hover-underline-color: #6549c0;
--link-hover-underline-shadow: 0 2px 0 var(--link-hover-underline-color);
--link-transition: all 0.3s ease;
}
.dark {