Merge pull request #100 from CartoDB/legend-with-check

legend with check
This commit is contained in:
Carlos Matallín 2016-04-21 16:29:52 +02:00
commit e9f60113d3
4 changed files with 25 additions and 0 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -59,6 +59,27 @@
<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText">
</div>
<br/>
<br/>
<br/>
<div class="CDB-Text CDB-Fieldset">
<p class="CDB-Legend CDB-Legend--big u-ellipsis CDB-Text is-semibold CDB-Size-small u-rSpace--m">
<input class="CDB-Checkbox" type="checkbox" name="field" value="Sport">
<span class="u-iBlock CDB-Checkbox-face u-rSpace--m"></span>
<label class="CDB-Text is-semibold CDB-Size-small u-rSpace--m">SPORT</label>
</p>
<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText">
</div>
<div class="u-tSpace-xl CDB-Text CDB-Fieldset">
<p class="CDB-Legend CDB-Legend--big u-ellipsis CDB-Text is-semibold CDB-Size-small u-rSpace--m">
<input class="CDB-Checkbox" type="checkbox" name="field" value="Travel">
<span class="u-iBlock CDB-Checkbox-face u-rSpace--m"></span>
<label class="CDB-Text is-semibold CDB-Size-small u-rSpace--m">TRAVEL</label>
</p>
<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText">
</div>
```
*/
@ -69,6 +90,10 @@
width: $baseSize * 12;
}
.CDB-Legend--big {
width: ($baseSize * 24);
}
.CDB-Fieldset {
@include display-flex();
@include align-items(center);