forms: input styles

This commit is contained in:
Carlos Matallín 2016-10-31 15:09:22 +01:00
parent 2fdf2c7096
commit e75ab01844
2 changed files with 11 additions and 0 deletions

View File

@ -30,6 +30,13 @@
&.is-empty { &.is-empty {
color: $cHintText; color: $cHintText;
} }
&.is-null {
color: $cHintText;
font-style: italic;
}
&.is-number {
color: darken($cHighlight, 16%);
}
&:hover { &:hover {
border: 1px solid $cHoverLine; border: 1px solid $cHoverLine;
} }

View File

@ -39,6 +39,10 @@
<br/> <br/>
<div class="CDB-InputText CDB-Text is-cursor is-empty">DejaVu Sans</div> <div class="CDB-InputText CDB-Text is-cursor is-empty">DejaVu Sans</div>
<br/> <br/>
<div class="CDB-InputText CDB-Text is-cursor is-null">null</div>
<br/>
<div class="CDB-InputText CDB-Text is-cursor is-number">46,594</div>
<br/>
<select name="select" class="CDB-SelectFake CDB-Text"> <select name="select" class="CDB-SelectFake CDB-Text">
<option value="value1" selected>Choose an option</option> <option value="value1" selected>Choose an option</option>
<option value="value2">Hide</option> <option value="value2">Hide</option>