cartodb4/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
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/cdb-components/forms/legends.scss
+25
View File
@@ -59,6 +59,27 @@
<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText"> <input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText">
</div> </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; width: $baseSize * 12;
} }
.CDB-Legend--withcheck {
width: ($baseSize * 24);
}
.CDB-Fieldset { .CDB-Fieldset {
@include display-flex(); @include display-flex();
@include align-items(center); @include align-items(center);