cartodb/CartoAssets
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

legend with check

Browse Source
This commit is contained in:
Carlos Matallín 2016-04-20 18:54:00 +02:00
parent 6edbc23017
commit 306a67e274
1 changed files with 25 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/scss/cdb-components/forms/legends.scss
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--withcheck 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--withcheck 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--withcheck {
width: ($baseSize * 24);
}
.CDB-Fieldset {
@include display-flex();
@include align-items(center);