Tri-State Checkbox Example:New design for mixed state checkbox (pull #…

…507) Changes the appearance of the checkbox when it is in the mixed state per feedback in issue #471.
w3c · Oct 31, 2017 · c89c6b2 · c89c6b2
1 parent dd56ad2
commit c89c6b2
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/examples/checkbox/css/checkbox.css b/examples/checkbox/css/checkbox.css
@@ -41,8 +41,10 @@ ul.checkboxes {
 
 [role="checkbox"][aria-checked="mixed"]::after {
   display: block;
-  width: 6px;
+  width: 8px;
   border-bottom: 0.125em solid #fff;
+  transform: translate(-50%, -50%) rotateZ(45deg);
+  transform-origin: center center;
 }
 
 [role="checkbox"][aria-checked="mixed"]:active::after,