style: 更新归档页面列表的交互样式
This commit is contained in:
1 parent
cf02d9985d
commit
de02716e11
1 file changed
+3
-3
@@ -70,11 +70,12 @@
|
||||
align-items: baseline;
|
||||
padding: 0.8rem 0;
|
||||
border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
|
||||
transition: transform 0.3s ease;
|
||||
transition: transform 0.3s ease, border-bottom-color 0.3s ease;
|
||||
}
|
||||
|
||||
.archive-item:hover {
|
||||
transform: translateX(5px);
|
||||
border-bottom-color: var(--accent-color, #419b38);
|
||||
}
|
||||
|
||||
.archive-item:last-child {
|
||||
@@ -93,13 +94,12 @@
|
||||
font-size: 1.1rem;
|
||||
color: var(--text-color);
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid transparent !important; /* Override standard a tag border */
|
||||
border-bottom: none !important; /* Override standard a tag border */
|
||||
transition: all 0.3s ease !important;
|
||||
}
|
||||
|
||||
.archive-title:hover {
|
||||
color: var(--accent-color, #419b38) !important;
|
||||
border-bottom: 1px solid var(--accent-color, #419b38) !important;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
|
||||
Reference in new issue
Block a user