🍎 safari <summary> reset list-style

nanarino · Jun 30, 2024 · caad964 · caad964
1 parent 05e3179
commit caad964
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 14 deletions.
diff --git a/src/lib/components/menu.styl b/src/lib/components/menu.styl
@@ -15,22 +15,22 @@
     gap 0.5em
 
     ul&
-    details&
         list-style none
-        &::-webkit-details-marker
-            display none
-        &::-moz-list-bullet
-            display none
-        &::marker
-            display none
     details&
         margin 0
-        &[open]>summary
-            /**
-              * 展开时 有间距
-              */
-            margin-block-end @gap
-            gap 0
+        &>summary
+            &::-webkit-details-marker
+                display none
+            &::-moz-list-bullet
+                display none
+            &::marker
+                display none
+            ../[open]>summary
+                /**
+                * 展开时 有间距
+                */
+                margin-block-end @gap
+                gap 0
     // 在Safari中使用 `::before` 的元素不支持 `text-indent`
     // 请使用 `&::after`
     summary

diff --git a/src/lib/components/panel.styl b/src/lib/components/panel.styl
@@ -13,7 +13,7 @@
     &:where(:not([data-primary]))
         --color-panel var(--white)
 
-    summary
+    &>summary
         display flex
         justify-content space-between
         align-items center