Make label sizes resolve to full pixels

src/definitions/elements/label.less

@@ -80,8 +80,9 @@ a.ui.label {
 /* Detail */
 .ui.label .detail {
   display: inline-block;
+  vertical-align: top;
+  font-weight: @detailFontWeight;
   margin-left: @detailMargin;
-  font-weight: bold;
   opacity: @detailOpacity;
 }
 .ui.label .detail .icon {
@@ -948,9 +949,17 @@ a.ui.yellow.label:hover:before {
 .ui.large.label {
   font-size: @large;
 }
+.ui.big.labels .label,
+.ui.big.label {
+  font-size: @big;
+}
 .ui.huge.labels .label,
 .ui.huge.label {
   font-size: @huge;
 }
+.ui.massive.labels .label,
+.ui.massive.label {
+  font-size: @massive;
+}
 
 .loadUIOverrides();

src/themes/packages/default/elements/label.variables

@@ -34,6 +34,7 @@
 @linkOpacity: 0.8;
 @iconDistance: 0.75em;
 
+@detailFontWeight: bold;
 @detailOpacity: 0.8;
 @detailIconDistance: 0.25em;
 @detailMargin: 1em;
@@ -139,9 +140,12 @@
 --------------------*/
 
 /* Sizing */
-@mini: 0.7rem;
-@tiny: 0.75rem;
-@small: 0.8rem;
-@medium: 0.875rem;
-@large: 1rem;
-@huge: 1.25rem;
+
+@mini    : 0.6428em;
+@tiny    : 0.7142em;
+@small    : 0.7857em;
+@medium   : 0.8571em;
+@large   : 1em;
+@big     : 1.1428em;
+@huge    : 1.2857em;
+@massive : 1.4285em;