bigger checkboxes

Author: nuxodin

more.css

@@ -56,8 +56,12 @@ select:not([size], [multiple]) {
 }
 
 [type=radio], [type=checkbox] {
+	/*
 	width: .9em;
 	height: .9em;
+	*/
+	width: 1.1em;
+	height: 1.1em;
 	background-color: #fff;
 	border: solid 1px;
 	position: relative;

tests/variables.html

@@ -55,16 +55,12 @@ <h2>Semantic-Colors</h2>
         <div style="background:var(--color2)">--color2</div>
         <div style="background:var(--color2-dark); color:var(--color-bg)">--color2-dark</div>
         <div style="background:var(--color2-light)">--color2-light</div>
-
         <div style="background:var(--color-text); color:var(--color-bg)">--color-text</div>
         <div style="background:var(--color-bg);">--color-bg</div>
-        <div style="background:var(--color-gray)">--color-grey</div>
-        <div style="background:var(--color-gray-light)">--color-grey-light</div>
-        <div style="background:var(--color-gray-dark);  color:var(--color-bg)">--color-grey-dark</div>
     </div>
 </section>
 
-<section>
+<!--section>
     <h2>Named-Colors</h2>
     <div class=colors>
         <div style="background:var(--color-red);">--color-red</div>
@@ -77,7 +73,7 @@ <h2>Named-Colors</h2>
         <div style="background:var(--color-purple)">--color-purple</div>
         <div style="background:var(--color-magenta)">--color-magenta</div>
     </div>
-</section>
+</section-->
 
 
 <section style="max-width:var(--width); margin:auto; border:var(--line-width) var(--color-line) solid; box-shadow:var(--shadow); --shadow-size:2rem; border-radius:var(--radius); color:var(--color-text); background-color:var(--color-bg)">