From 7a8a0fc8b58117200f3849dce0c6d54c56bc6049 Mon Sep 17 00:00:00 2001
From: Nick Schonning <nschonni@gmail.com>
Date: Sat, 13 Nov 2021 15:31:34 -0500
Subject: [PATCH] Switch example using checkbox: Remove browser prefixes from
 CSS and fix stylelint errors (pull #2125)

---
 examples/switch/css/switch-checkbox.css | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/examples/switch/css/switch-checkbox.css b/examples/switch/css/switch-checkbox.css
index b99637e684..0a0b2196e3 100644
--- a/examples/switch/css/switch-checkbox.css
+++ b/examples/switch/css/switch-checkbox.css
@@ -18,17 +18,15 @@ label {
 label .label {
   display: inline-block;
   width: 9em;
-  -webkit-user-select: none;
   user-select: none;
 }
 
 label input[role="switch"] {
-  opacity: 0;
+  opacity: 0%;
 }
 
 label input[role="switch"] ~ .state {
   display: inline-block;
-  -webkit-user-select: none;
   user-select: none;
 }
 
@@ -52,7 +50,7 @@ label input[role="switch"] ~ .state > .container > .position {
   width: 14px;
   height: 14px;
   background: black;
-  opacity: 0.6;
+  opacity: 60%;
 }
 
 label input[role="switch"]:not(:checked) ~ .state span.on {
@@ -67,7 +65,7 @@ label input[role="switch"]:checked ~ .state > .container > .position {
   left: 20px;
   border-color: green;
   background: green;
-  opacity: 1;
+  opacity: 100%;
 }
 
 label.focus,