diff options
Diffstat (limited to 'assets/css/components/share-sidebar.css')
| -rw-r--r-- | assets/css/components/share-sidebar.css | 107 |
1 files changed, 0 insertions, 107 deletions
diff --git a/assets/css/components/share-sidebar.css b/assets/css/components/share-sidebar.css deleted file mode 100644 index 8bc8d1d..0000000 --- a/assets/css/components/share-sidebar.css +++ /dev/null @@ -1,107 +0,0 @@ -/* share-sidebar.css */ - -.share-sidebar { - position: fixed; - right: 2rem; - bottom: 50%; - transform: translateY(50%); - z-index: 30; - display: none; -} - -@media (min-width: 1200px) { - .share-sidebar { - display: block; - } -} - -.share-buttons { - display: flex; - flex-direction: column; - gap: 1rem; -} - -.share-btn { - width: 44px; - height: 44px; - border-radius: 50%; - background: var(--surface); - border: 1px solid var(--border); - color: var(--text); - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - transition: all var(--duration-base) ease; - position: relative; -} - -.share-btn:hover { - background: var(--accent); - border-color: var(--accent); - color: #000; - transform: scale(1.1); -} - -.share-btn svg { - width: 20px; - height: 20px; -} - -/* Tooltip */ -.share-btn::after { - content: attr(data-label); - position: absolute; - right: 100%; - top: 50%; - transform: translateY(-50%); - margin-right: 0.75rem; - background: var(--surface); - border: 1px solid var(--border); - padding: 0.4rem 0.8rem; - border-radius: 4px; - white-space: nowrap; - font-size: 0.75rem; - color: var(--text-dim); - opacity: 0; - visibility: hidden; - transition: all var(--duration-base) ease; - pointer-events: none; -} - -.share-btn:hover::after { - opacity: 1; - visibility: visible; - margin-right: 1rem; -} - -/* Mobile: horizontal strip below article */ -@media (max-width: 1199px) { - .share-sidebar { - position: static; - transform: none; - display: flex; - justify-content: center; - margin: 2rem 0; - padding: 2rem 1.5rem; - border-top: 1px solid var(--border); - border-bottom: 1px solid var(--border); - } - - .share-buttons { - flex-direction: row; - flex-wrap: wrap; - justify-content: center; - } -} - -@media (prefers-reduced-motion: reduce) { - .share-btn, - .share-btn::after { - transition: none; - } - - .share-btn:hover { - transform: none; - } -} |
