refactor: manually prefix CSS

radial-color-picker · Aug 1, 2021 · 89b814a · 89b814a
1 parent 5696fb1
commit 89b814a
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 10 deletions.
diff --git a/package.json b/package.json
@@ -33,7 +33,6 @@
     "@vue/babel-preset-app": "4.3.1",
     "@vue/compiler-sfc": "3.1.5",
     "@vue/test-utils": "2.0.0-rc.11",
-    "autoprefixer": "10.3.1",
     "babel-jest": "26.6.3",
     "chalk": "4.1.2",
     "cliui": "7.0.4",
@@ -43,7 +42,6 @@
     "husky": "7.0.1",
     "jest": "26.6.3",
     "lint-staged": "11.1.1",
-    "postcss": "8.3.6",
     "prettier": "2.3.2",
     "size-limit": "5.0.2",
     "vite": "2.4.4",

diff --git a/postcss.config.js b/postcss.config.js
diff --git a/src/ColorPicker.vue b/src/ColorPicker.vue
@@ -270,6 +270,8 @@
     .rcp button {
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: transparent;
+        -webkit-user-select: none;
+        -moz-user-select: none;
         user-select: none;
         box-sizing: border-box;
     }
@@ -315,6 +317,7 @@
         height: 100%;
         background-size: 100% 100%;
         background-image: conic-gradient(red, yellow, lime, aqua, blue, magenta, red);
+        -webkit-mask-image: radial-gradient(circle at 50% 50%, transparent 53.5%, black 54%);
         mask-image: radial-gradient(circle at 50% 50%, transparent 53.5%, black 54%);
         border-radius: 50%;
         overflow: hidden;
@@ -366,7 +369,7 @@
     }
 
     .disabled .rcp__knob {
-        box-shadow: none !important;
+        box-shadow: none;
         pointer-events: none;
     }
 

diff --git a/yarn.lock b/yarn.lock
@@ -2360,7 +2360,7 @@ atob@^2.1.2:
   resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
   integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
 
-autoprefixer@10.3.1, autoprefixer@^10.2.6:
+autoprefixer@^10.2.6:
   version "10.3.1"
   resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.3.1.tgz#954214821d3aa06692406c6a0a9e9d401eafbed2"
   integrity sha512-L8AmtKzdiRyYg7BUXJTzigmhbQRCXFKz6SA1Lqo0+AR2FBbQ4aTAPFSDlOutnFkjhiz8my4agGXog1xlMjPJ6A==
@@ -6492,7 +6492,7 @@ postcss-value-parser@^4.1.0:
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz#443f6a20ced6481a2bda4fa8532a6e55d789a2cb"
   integrity sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==
 
-postcss@8.3.6, postcss@^8.1.10, postcss@^8.2.15, postcss@^8.3.5, postcss@^8.3.6:
+postcss@^8.1.10, postcss@^8.2.15, postcss@^8.3.5, postcss@^8.3.6:
   version "8.3.6"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.3.6.tgz#2730dd76a97969f37f53b9a6096197be311cc4ea"
   integrity sha512-wG1cc/JhRgdqB6WHEuyLTedf3KIRuD0hG6ldkFEZNCjRxiC+3i6kkWUUbiJQayP28iwG35cEmAbe98585BYV0A==