/*
Form-Inline abstraction

.form--inline - Display a `<form>` and all it's content in a horizontal order

Markup:
<form class="{$modifiers}">
	<label>Username: </label>
	<input class="textInput" type="text" placeholder="Username...">
	<label>Password: </label>
	<input class="textInput" type="password" placeholder="Password...">
	<label class="label--checkbox">
		<input type="checkbox">Remember me
	</label>
	<button type="submit">Sign in</button>
</form>

Styleguide 4.1.2
*/
.form--inline {
	label {
		margin-#{$end}: .3em;
	}
	.label--checkbox {
		input { margin-#{$end}: .35em; }
		margin-#{$end}: 1em;
	}
	input { margin-#{$end}: 1em; }
	label,
	button,
	input,
	select,
	textarea {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
	}
}

/*
Form-Inline abstraction

.form--inline - Display a `<form>` and all it's content in a horizontal order

Markup:
<form class="{$modifiers}">
	<label>Username: </label>
	<input class="textInput" type="text" placeholder="Username...">
	<label>Password: </label>
	<input class="textInput" type="password" placeholder="Password...">
	<label class="label--checkbox">
		<input type="checkbox">Remember me
	</label>
	<button type="submit" class="btn">Sign in</button>
</form>

Styleguide 4.1.2
*/
.form--inline {
	label {
		margin-#{$end}: .3em;
	}
	.label--checkbox {
		input { margin-#{$end}: .35em; }
		margin-#{$end}: 1em;
	}
	input { margin-#{$end}: 1em; }
	label,
	button,
	input,
	select,
	textarea {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
	}
}

Add the btn class on the submit element in the form--inline example
[DOCS] Add the btn class on the submit element in the form--inline example
