add fake styles

This commit is contained in:
piensaenpixel 2016-02-23 16:32:51 +01:00
parent 008f6aaf8e
commit 528684e56a
4 changed files with 41 additions and 0 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -17,9 +17,21 @@
</ul>
</div>
</div>
<select name="select" class="CDB-SelectFake CDB-Text">
<option value="value1" selected>Choose an option</option>
<option value="value2">Hide</option>
<option value="value3">Rename</option>
<option value="value4">Change source dataset</option>
<option value="value5">Delete this layer</option>
</select>
```
*/
@import '../../cdb-variables/sizes';
@import '../../cdb-variables/colors';
.CDB-Select {
position: relative;
}
@ -28,3 +40,32 @@
position: absolute;
top: 40px;
}
.CDB-SelectFake {
-webkit-appearance: none;
appearance: none;
width: 100%;
padding: 7px 8px 6px;
border: 1px solid $cMainLine;
border-radius: $baseSize / 2;
background: $cWhite;
font-size: $sFontSize-medium;
line-height: $sLineHeight-medium;
&:hover {
border: 1px solid $cHoverLine;
}
&:focus {
border: 1px solid $cBlue;
outline: none;
}
&:disabled {
border-color: $cSecondaryLine;
background: $cThirdBackground;
}
&.has-error {
border: 1px solid rgba($cError, 0.48);
background: rgba($cError, 0.04);
color: $cError;
}
}