Desperately trying to fix 1px offset based on line height valign #2440

src/themes/default/modules/checkbox.overrides

@@ -24,13 +24,13 @@
 /* Indeterminate */
 .ui.checkbox input:indeterminate ~ .box:after,
 .ui.checkbox input:indeterminate ~ label:after {
-  top: 1px; /* Rounding Error */
-  font-size: 12px; /* Slightly Smaller */
+  font-size: 12px;
   content: '\e801';
 }
 
+
 /*  UTF Reference
 .check:before { content: '\e800'; }
 .dash:before  { content: '\e801'; }
-.pluss:before { content: '\e802'; }
-*/
+.plus:before { content: '\e802'; }
+*/

src/themes/default/modules/checkbox.variables

@@ -2,8 +2,8 @@
             Checkbox
 *******************************/
 
+@checkboxSize: 17px;
 @checkboxColor: @textColor;
-@fontSize: 1em;
 @checkboxLineHeight: 15px;
 
 
@@ -15,10 +15,9 @@
 @negativeCheckbox: @negativeColor;
 
 /* Checkbox */
-@checkboxSize: 16px;
 @checkboxBackground: @white;
 @checkboxBorder: 1px solid @solidBorderColor;
-@checkboxBorderRadius: 0.25em;
+@checkboxBorderRadius: @defaultBorderRadius;
 @checkboxTransition:
   background-color @defaultDuration @defaultEasing,
   border @defaultDuration @defaultEasing,
@@ -27,10 +26,14 @@
 ;
 
 /* Checkmark */
+@checkboxCheckFontSize: 1em;
 @checkboxCheckTop: 0px;
 @checkboxCheckLeft: 0px;
+@checkboxCheckLineHeight: @checkboxSize;
+@checkboxCheckSize: @checkboxSize;
 
 /* Label */
+@labelFontSize: @relativeMedium;
 @labelColor: @textColor;
 @labelTransition: color @defaultDuration @defaultEasing;