summaryrefslogtreecommitdiffstats
path: root/assets/css/components/share-sidebar.css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/components/share-sidebar.css')
-rw-r--r--assets/css/components/share-sidebar.css107
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;
- }
-}