05/09 Update: favorite item
This commit is contained in:
@@ -2318,3 +2318,35 @@ html.sidebar-open {
|
||||
color: var(--color-text-muted);
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
/* ── Favorite star button ───────────────────────────────────────────────── */
|
||||
|
||||
/* Outline star — subtle, not distracting */
|
||||
.btn-favorite {
|
||||
color: #d1d5db;
|
||||
font-size: 16px;
|
||||
transition:
|
||||
color var(--transition),
|
||||
transform 0.12s ease;
|
||||
}
|
||||
|
||||
.btn-favorite:hover {
|
||||
color: #f59e0b;
|
||||
background: #fef9c3;
|
||||
transform: scale(1.15);
|
||||
}
|
||||
|
||||
/* Filled gold star — item is favorited */
|
||||
.btn-favorite.is-favorite {
|
||||
color: #f59e0b;
|
||||
}
|
||||
|
||||
.btn-favorite.is-favorite:hover {
|
||||
color: #d97706;
|
||||
background: #fef3c7;
|
||||
}
|
||||
|
||||
/* Brief pop animation when toggling */
|
||||
.btn-favorite:active {
|
||||
transform: scale(0.88);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user