diff --git a/assets/css/common/post-entry.css b/assets/css/common/post-entry.css index 8c37127..272d4af 100644 --- a/assets/css/common/post-entry.css +++ b/assets/css/common/post-entry.css @@ -39,14 +39,17 @@ padding: var(--gap); background: var(--entry); border-radius: var(--radius); - transition: transform 0.1s; border: 1px solid var(--border); } - -.post-entry:active { - transform: scale(0.97); +.post-entry:hover .entry-header h2 { + color: var(--link-hover-color); + box-shadow: var(--link-hover-underline-shadow); } +/* .post-entry:active { + transform: scale(0.97); +} */ + .tag-entry .entry-cover { display: none; } @@ -54,6 +57,8 @@ .entry-header h2 { font-size: 24px; line-height: 1.3; + transition: all 0.3s ease; + display: inline-block; } .entry-content { diff --git a/assets/css/core/theme-vars.css b/assets/css/core/theme-vars.css index 965e5a5..42363d4 100644 --- a/assets/css/core/theme-vars.css +++ b/assets/css/core/theme-vars.css @@ -19,7 +19,7 @@ --link-color: var(--primary); --link-hover-color: #573eaa; --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); }