🎨 Rename flexible size class

static/badges.less

@@ -36,14 +36,17 @@
     min-width: @size + @padding*2;
     padding: @padding round(@padding*1.5);
   }
-  .badge-size();
+  .badge-size(); // default
+
+  // Fixed size
   &.badge-large  { .badge-size(18px); }
   &.badge-medium { .badge-size(14px); }
   &.badge-small  { .badge-size(10px); }
 
-  // TODO: un-dry this, no rouding of badge-size()
+  // Flexible size
-  // adjusts to parent element, best used for larger sizes
+  // The size changes depending on the parent element
-  &.badge-parent {
+  // Best used for larger sizes, since em's can cause rounding errors
+  &.badge-flexible {
     @size: .8em;
     @padding: @size/2;
     font-size: @size;