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

use hover underline style instead of transform for home page links

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

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

@ -39,14 +39,17 @@
padding: var(--gap); padding: var(--gap);
background: var(--entry); background: var(--entry);
border-radius: var(--radius); border-radius: var(--radius);
transition: transform 0.1s;
border: 1px solid var(--border); border: 1px solid var(--border);
} }
.post-entry:hover .entry-header h2 {
.post-entry:active { color: var(--link-hover-color);
transform: scale(0.97); box-shadow: var(--link-hover-underline-shadow);
} }
/* .post-entry:active {
transform: scale(0.97);
} */
.tag-entry .entry-cover { .tag-entry .entry-cover {
display: none; display: none;
} }
@ -54,6 +57,8 @@
.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;
display: inline-block;
} }
.entry-content { .entry-content {

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

@ -19,7 +19,7 @@
--link-color: var(--primary); --link-color: var(--primary);
--link-hover-color: #573eaa; --link-hover-color: #573eaa;
--link-underline-shadow: 0 1px 0 var(--link-color); --link-underline-shadow: 0 1px 0 var(--link-color);
--link-hover-underline-color: #573eaa; --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);
} }