Move details styling into its own component.

2026-03-09 02:05:28 +00:00 · 2021-07-04 09:52:34 +01:00
parent 4e28470d2d
commit 1a08f50997
4 changed files with 32 additions and 29 deletions
--- a/src/pages/friends/Friend.module.scss
+++ b/src/pages/friends/Friend.module.scss
@@ -39,33 +39,6 @@
        }
    }

-    details {
-        summary {
-            outline: none;
-            list-style: none;
-            transition: .2s opacity;
-
-            &::marker, &::-webkit-details-marker {
-                display: none;
-            }
-
-            svg {
-                flex-shrink: 0;
-                transition: .2s ease transform;
-            }
-        }
-
-        &:not([open]) {
-            summary {
-                opacity: .7;
-            }
-            
-            summary svg {
-                transform: rotateZ(-90deg);
-            }
-        }
-    }
-
    &[data-empty="true"] {
        img {
            height: 120px;