Labeled input size issues

[CakalSG]

Hi,

input size (mini,small, ...) very nice.

But labeled input size not same. input and label not same ratio.

Example: http://jsfiddle.net/cakal/03u8gg5L/1/

http://

inspect element and

.ui.labeled.input>.label {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin: 0;
/* font-size: 1rem; */ -->> uncheck

.ui.big.label, .ui.big.labels .label, .ui.huge.label, .ui.huge.labels .label, .ui.label, .ui.labels .label, .ui.large.label, .ui.large.labels .label, .ui.massive.label, .ui.massive.labels .label {
/* font-size: .85714286rem; */ ------> uncheck

.ui.mini.input {
font-size: .71428571em; --> check

good result

[jlukic]

Fixed with font-size: inherit. I'll add in first patch

.ui.labeled.input>.label {
  font-size: inherit;
}

[kylerm42]

It seems that labels themselves are having a similar issue. Medium, large, big, huge, and massive are all the same size: http://semantic-ui.com/elements/label.html#size

[jlukic]

Found the culprit. Can you spot the error? 😆 All larger sizes are set to @12px

/* Sizing */
@mini    : @9px;
@tiny    : @10px;
@small   : @11px;
@medium  : @12px;
@large   : @medium;
@big     : @large;
@huge    : @big;
@massive : @huge;