🐛

`@supports (clip-path: path("")) ` 最新浏览器中空值不再被支持
nanarino · Dec 24, 2023 · 4668784 · 4668784
1 parent 8ef2d69
commit 4668784
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "nanarinostyl",
   "description": "style lib",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "main": "./dist/index.css",
   "scripts": {
     "dev": "astro dev --host",

diff --git a/src/lib/components/checkbox.styl b/src/lib/components/checkbox.styl
@@ -101,7 +101,7 @@
                     border-top none
                     border-right none
                     // 支持 `path()` 的浏览器增强效果
-                    @supports (clip-path:path(""))
+                    @supports (clip-path path("M0,0 0,1 1,1 1,0z"))
                         &
                             clip-path path("M 0 1.5 \\
                                 A 1.5 1.5 0 1 1 3 1 \\
@@ -119,5 +119,5 @@
                     background _rgb(var(--white))
                     height 2px
                     // 支持 `path()` 的浏览器才显示圆角 和上面的增强相符合
-                    @supports (clip-path:path(""))
+                    @supports (clip-path path("M0,0 0,1 1,1 1,0z"))
                         border-radius 2px