mirror of
https://github.com/Alexander-D-Karpov/about.git
synced 2026-03-16 22:06:08 +03:00
10 lines
914 B
CSS
10 lines
914 B
CSS
.social-links{display:flex;gap:8px;flex-wrap:wrap;padding:2px}
|
|
.social-link{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.03));box-shadow:0 1px 3px rgba(0,0,0,.15);transition:transform .15s ease, box-shadow .2s ease, background .2s ease;color:var(--ink-2)}
|
|
.social-link:hover{transform:translateY(-2px);background:linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.06));box-shadow:0 3px 12px rgba(0,0,0,.25);color:var(--accent)}
|
|
.social-link img{width:20px;height:20px;object-fit:contain}
|
|
@media (prefers-color-scheme: light){
|
|
.social-link{background:#111 !important;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);border:1px solid rgba(0,0,0,.15)}
|
|
.social-link:hover{background:#000 !important;box-shadow:0 4px 14px rgba(0,0,0,.28)}
|
|
.social-link img{filter:brightness(0) invert(1)}
|
|
}
|