Odyssey styleguide

<insert-markup>forms.input.labeled-</insert-markup>
Transaction ID please fill in a transaction amount

odyssey-inputgroup--error
Error input odyssey-inputgroup--correct - Correct input odyssey-inputgroup--disabled - Disabled input
<insert-markup>forms.input.labeled-0</insert-markup>
Transaction ID please fill in a transaction amount

Markup
<div class="odyssey-inputgroup [modifier class]">
	<span class="odyssey-inputgroup__label">Transaction ID</span>
	<label class="odyssey-input-labeled" for="input-labeled">
		<span class="odyssey-input-labeled__label">
			<i class="odyssey-input-labeled__icon"></i>
		</span>
		<input class="odyssey-input-labeled__input" placeholder="Enter value" id="input-labeled">
	</label>
	<span class="odyssey-inputgroup__error">please fill in a transaction amount</span>
</div>
<hr id="ignore-me" style="opacity: 0.1; margin: 25px 0px;"/>
<div class="odyssey-inputgroup [modifier class]">
	<label class="odyssey-input-labeled" for="input-labeled">
		<input class="odyssey-input-labeled__input" placeholder="Enter value" id="input-labeled">
		<span class="odyssey-input-labeled__label">Days</span>
	</label>
</div>
Source: src/forms/text_inputs.less, line 650