31 lines
914 B
SCSS
31 lines
914 B
SCSS
// Select styles
|
|
// ----------------------------------------------
|
|
|
|
|
|
/* SG
|
|
# Forms/Selects
|
|
|
|
```
|
|
<div class="CDB-Select" style="height: 250px;">
|
|
<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText Text">
|
|
<div class="CDB-Box-Modal CDB-SelectItem">
|
|
<ul class="Text Size-medium">
|
|
<li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Hide</a></li>
|
|
<li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Rename</a></li>
|
|
<li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Change source dataset…</a></li>
|
|
<li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Delete this layer…</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
```
|
|
*/
|
|
|
|
.CDB-Select {
|
|
position: relative;
|
|
}
|
|
|
|
.CDB-SelectItem {
|
|
position: absolute;
|
|
top: 40px;
|
|
}
|