게시물 카드 클릭 피드백 통일 및 개선

- 메인·전체·태그 목록 카드 제목을 포인트 컬러로 강조하는 공통 인터랙션 적용
- 회색 배경 hover 제거로 모바일 sticky 배경·탭 하이라이트 해소
- 데스크톱 hover 기기 전용 색 변경, 모바일은 :active 눌림 반영
- v1.10.35

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-07-03 18:39:51 +09:00
parent 5db41e9883
commit 393b0edd70
7 changed files with 34 additions and 7 deletions

View File

@@ -284,6 +284,27 @@
background: color-mix(in srgb, var(--site-panel) 72%, var(--site-text));
}
/**
* 게시물 카드 제목 링크 공통 인터랙션 — 메인·전체 목록 통일.
* 데스크톱은 실제 hover 가능 기기에서만 색을 바꾸고, 모바일은 누르는 순간(:active)에만 반영해
* 탭 후 색이 남는 sticky hover와 회색 탭 하이라이트를 없앤다.
*/
.post-title-link {
color: var(--site-text);
transition: color 0.15s ease;
-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
.post-title-link:hover {
color: var(--site-accent);
}
}
.post-title-link:active {
color: var(--site-accent);
}
/**
* 왼쪽 사이드바 1차 네비·태그 카테고리·테마 점 등 행 호버 — 라이트 테마에서 밝은 크림 톤, 다크는 패널 대비 유지
*/