v0.9.0
Sass based css framework.
component for input field.
8.1
core module of unit-input
8.1.1
default style of unit-input
default
<!-- input -->
<input class="unit-input" type="text" name="" value="" placeholder="Lorem ipsum dolor sit amet." />
<!-- input:disabled -->
<input class="unit-input" type="text" name="" value="" placeholder="Lorem ipsum dolor sit amet." disabled="disabled" />
<!-- textarea -->
<textarea class="unit-input" name="" rows="5" cols="10" placeholder="Lorem ipsum dolor sit amet."></textarea>8.2
theme modifiers of unit-input
8.2.1
builtin modifiers of theme for unit-input
default
unit-input--theme-light
unit-input--theme-dark
<!-- input -->
<input class="unit-input {{modifier_class}}" type="text" name="{{modifier_class}}" value="" placeholder="Lorem ipsum dolor sit amet." />
<!-- input:disabled -->
<input class="unit-input {{modifier_class}}" type="text" name="{{modifier_class}}" value="" placeholder="Lorem ipsum dolor sit amet." disabled="disabled" />
<!-- textarea -->
<textarea class="unit-input {{modifier_class}}" name="{{modifier_class}}" rows="5" cols="10" placeholder="Lorem ipsum dolor sit amet."></textarea>8.3
inline modifiers of unit-input
8.3.1
builtin modifiers of inline for unit-input
default
unit-input--inline-false
unit-input--inline-true
<!-- input -->
<input class="unit-input unit-input--theme-light {{modifier_class}}" type="text" name="{{modifier_class}}" value="" placeholder="Lorem ipsum dolor sit amet." />
<input class="unit-input unit-input--theme-dark {{modifier_class}}" type="text" name="{{modifier_class}}" value="" placeholder="Lorem ipsum dolor sit amet." />
<!-- textarea -->
<textarea class="unit-input unit-input--theme-light {{modifier_class}}" name="{{modifier_class}}" rows="5" cols="10" placeholder="Lorem ipsum dolor sit amet."></textarea>
<textarea class="unit-input unit-input--theme-dark {{modifier_class}}" name="{{modifier_class}}" rows="5" cols="10" placeholder="Lorem ipsum dolor sit amet."></textarea>