// I recommend this never be overridden as it is purely structural and a bit of a pain.
@import 'mixins-common';

$wc-label-width-slug: wc_fld_lblwth; // DO NOT CHANGE
$wc-input-width-slug: wc_fld_inpw; //DO NOT CHANGE

@mixin wc-fld-layout($lwdth) {
	$lw: $lwdth * 1%;
	$iw: 100% - $lw;

	.#{$wc-label-width-slug}_#{$lwdth} {
		&.wc-layout-flat > .wc-field > :first-child {
			width: $lw;
		}

		&.wc-layout-stacked > .wc-field > .wc-input {
			margin-left: $lw;
		}

		> .wc-field > .wc-input {
			max-width: $iw;
			width: $iw;
		}
	}

	.#{$wc-input-width-slug}_#{$lwdth} > .wc-input {
		width: $lw;
	}
}
