Merge pull request #319 from jongund/checkbox

Checkbox Example (Mixed State): Hide bullets in checkbox list
w3c · Mar 17, 2017 · f566b21 · f566b21
2 parents 3c6c0e2 + e7019fd
commit f566b21
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/examples/checkbox/checkbox-1/checkbox-1.html b/examples/checkbox/checkbox-1/checkbox-1.html
@@ -33,7 +33,7 @@ <h2 id="ex_label">Example</h2>
       <div  id="ex1">
         <h3>Sandwich Condiments</h3>
         <div>
-          <ul>
+          <ul class="checkboxes">
             <li><div role="checkbox" aria-checked="false" tabindex= "0">Lettuce</div></li>
             <li><div role="checkbox" aria-checked="true"  tabindex= "0">Tomato</div></li>
             <li><div role="checkbox" aria-checked="false" tabindex= "0">Mustard</div></li>

diff --git a/examples/checkbox/css/checkbox.css b/examples/checkbox/css/checkbox.css
@@ -1,3 +1,9 @@
+ul.checkboxes {
+  list-style: none;
+  margin-left: 0;
+  padding-left: 1em;
+}
+
 [role="checkbox"] {
   display: inline-block;
   position: relative;