vibe2/gitea-pages
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Highlight nav-cdn-chip: red bg, pulse animation, check mark

Browse Source 
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Telecom 2026-05-21 22:45:38 +05:00
parent da710273c0
commit cb3fd6554d
1 changed files with 23 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
index.html
View File

@ -594,17 +594,33 @@ nav {
:root:not([data-theme="light"]) .theme-toggle .icon-moon { display: block; } :root:not([data-theme="light"]) .theme-toggle .icon-moon { display: block; }
} }
.nav-cdn-chip { .nav-cdn-chip {
font-size: 0.75rem; font-size: 0.8rem;
color: var(--text-55); font-weight: 600;
background: var(--hover); color: #fff;
padding: 4px 10px; background: var(--blue);
padding: 5px 12px;
border-radius: 6px; border-radius: 6px;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
transition: background 150ms ease; letter-spacing: 0.02em;
box-shadow: 0 0 0 0 rgba(168,32,26,0.5);
animation: chipPulse 2s ease-in-out infinite;
transition: background 150ms ease, transform 150ms ease;
}
.nav-cdn-chip:hover {
background: var(--blue-hover);
transform: scale(1.04);
}
.nav-cdn-chip::before { content: '✓ '; opacity: 0.9; }
.nav-cdn-chip::after { content: ' ×'; opacity: 0.7; margin-left: 4px; }
@keyframes chipPulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(168,32,26,0.45); }
50% { box-shadow: 0 0 0 6px rgba(168,32,26,0); }
}
@media (prefers-reduced-motion: reduce) {
.nav-cdn-chip { animation: none; }
} }
.nav-cdn-chip:hover { background: var(--hover-light); color: var(--negative); }
.nav-cdn-chip::after { content: ' ×'; opacity: 0.5; }
.modal-overlay { .modal-overlay {
position: fixed; inset: 0; position: fixed; inset: 0;