vaadin-framework/compatibility-themes/src/main/themes/VAADIN/themes/base/formlayout/formlayout.scss

@mixin base-formlayout($primaryStyleName : v-formlayout) {

.#{$primaryStyleName}.v-has-width > table {
	width: 100%;
}
.#{$primaryStyleName}.v-has-height > table {
	height: 100%;
}
.#{$primaryStyleName}-cell .v-errorindicator {
	display: block;
}
.#{$primaryStyleName}-error-indicator {
	/* fix width so layout is not jumpy when error disappears */
	width: 12px;
}
.#{$primaryStyleName}-captioncell {
	text-align:right;
	white-space: nowrap;
}
.#{$primaryStyleName}-errorcell, .#{$primaryStyleName}-captioncell {
	width: 1px; /* Don't use any extra space */
	min-width: 1px;
}
.#{$primaryStyleName}-captioncell .v-caption {
	overflow: visible;
}
.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-captioncell, 
.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-contentcell,
.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-errorcell {
	padding-top: 6px;
}
.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-captioncell, 
.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-contentcell,
.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-errorcell {
	padding-top: 0;
}
.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-captioncell, 
.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-contentcell,
.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-errorcell {
	padding-top: 12px;
}
.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-captioncell,
.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-contentcell,
.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-errorcell {
	padding-bottom: 12px;
}
.#{$primaryStyleName}-margin-left > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-captioncell {
	padding-left: 12px;
} 
.#{$primaryStyleName}-margin-right > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-contentcell {
	padding-right: 12px;
}
.#{$primaryStyleName}-captioncell .v-caption .v-required-field-indicator {
	float: none;
}

}