@import '../common';

.oo-ui-numberInputWidget {
	display: inline-block;
	position: relative;

	&-field {
		display: table;
		table-layout: fixed;
		width: 100%;
	}

	&-field > .oo-ui-buttonWidget,
	&-field > .oo-ui-textInputWidget {
		display: table-cell;
		vertical-align: middle;
	}

	&-field > .oo-ui-textInputWidget {
		width: 100%;
	}

	&-field > .oo-ui-buttonWidget {
		white-space: nowrap;
	}

	&-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
		box-sizing: border-box;
	}

	.theme-oo-ui-numberInputWidget();
}

@import '../common';

.oo-ui-numberInputWidget {
	display: inline-block;
	position: relative;

	&-field {
		display: table;
		table-layout: fixed;
		width: 100%;
	}

	&-field > .oo-ui-buttonWidget,
	&-field > .oo-ui-textInputWidget {
		display: table-cell;
		vertical-align: middle;
	}

	&-field > .oo-ui-textInputWidget {
		width: 100%;
	}

	&-field > .oo-ui-buttonWidget {
		white-space: nowrap;
	}

	&-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
		.oo-ui-box-sizing( border-box );
	}

	.theme-oo-ui-numberInputWidget();
}

Replace `box-sizing` property with mixin as anywhere else
Replace `box-sizing` property with mixin as anywhere else

Replacing occurrence of `box-sizing` with `.oo-ui-box-sizing`
mixin call.

Change-Id: I823a574983ef3087150948a3f317df8dc5e1cd98
