add fake styles
This commit is contained in:
parent
008f6aaf8e
commit
528684e56a
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -17,9 +17,21 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</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 {
|
.CDB-Select {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
@ -28,3 +40,32 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 40px;
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user