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

Renaming all files to _whatever in order to avoid be compiled in other projects, only the entry one, thanks to @nobuti

Browse Source
This commit is contained in:
Javier Álvarez Medina
2017-05-24 12:50:42 +02:00
parent 007b851962
commit a41763c4f2
46 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/cdb-components/forms/_legends.scss
+100
View File
@@ -0,0 +1,100 @@
// Legends styles
// ----------------------------------------------
/* SG
# Forms/Labels
```
<div class="u-iBlock CDB-Text CDB-Size-medium u-rSpace--xl">
<input class="CDB-Radio" type="radio" name="veritas" value="01">
<span class="u-iBlock CDB-Radio-face"></span>
<label class="u-iBlock u-lSpace">True</label>
</div>
<div class="u-iBlock CDB-Text CDB-Size-medium u-rSpace--xl">
<input class="CDB-Radio" type="radio" name="veritas" value="02" checked>
<span class="u-iBlock CDB-Radio-face"></span>
<label class="u-iBlock u-lSpace">False</label>
</div>
<br/>
<br/>
<br/>
<div class="u-iblock CDB-Text CDB-Size-medium u-rSpace--xl">
<input class="CDB-Checkbox" type="checkbox" name="hobbies" value="Sport">
<span class="u-iBlock CDB-Checkbox-face"></span>
<label class="u-iBlock u-lSpace">Sport</label>
</div>
<label class="u-iblock CDB-Text CDB-Size-medium">
<input class="CDB-Checkbox" type="checkbox" name="hobbies" value="Travel">
<span class="u-iBlock CDB-Checkbox-face"></span>
<label class="u-iBlock u-lSpace">Travel</label>
</label>
<br/>
<br/>
<br/>
<div class="CDB-Fieldset">
<p class="CDB-Legend CDB-Text is-semibold CDB-Size-small u-rSpace--m">RADIO</p>
<ul class="CDB-Size-medium CDB-Text CDB-Fieldset-block">
<li class="u-rSpace--xl u-iblock">
<div class="u-iblock CDB-Size-medium">
<input class="CDB-Checkbox" type="checkbox" name="hobbies" value="Sport">
<span class="u-iBlock CDB-Checkbox-face"></span>
<label class="u-iBlock u-lSpace">Sport</label>
</div>
</li>
<li class="u-iblock">
<label class="u-iblock CDB-Size-medium">
<input class="CDB-Checkbox" type="checkbox" name="hobbies" value="Travel">
<span class="u-iBlock CDB-Checkbox-face"></span>
<label class="u-iBlock u-lSpace">Travel</label>
</label>
</li>
</ul>
</div>
<div class="u-tSpace-xl CDB-Text CDB-Fieldset">
<p class="CDB-Legend CDB-Text is-semibold CDB-Size-small u-rSpace--m">RADIO</p>
<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>
```
*/
.CDB-Legend {
width: $baseSize * 12;
}
.CDB-Legend--big {
width: ($baseSize * 24);
}
.CDB-Fieldset {
@include display-flex();
@include align-items(center);
}
.CDB-Fieldset-block {
width: 100%;
}