add labels

This commit is contained in:
Emilio García 2016-01-22 18:01:26 +01:00
parent 2ae455d7de
commit 959c546982
3 changed files with 32 additions and 3 deletions

View File

@ -7,8 +7,8 @@
``` ```
<input class="CDB-Radio" type="radio" name="Gender" value="01" checked> <input class="CDB-Radio" type="radio" name="Gender" value="01" checked>
<input class="CDB-Radio" type="radio" name="Gender" value="01"> <input class="CDB-Radio" type="radio" name="Gender" value="02">
<input class="CDB-Radio" type="radio" name="Gender" value="02" disabled> <input class="CDB-Radio" type="radio" name="Gender" value="03" disabled>
``` ```
*/ */
@ -289,3 +289,29 @@
top: 40px; top: 40px;
} }
/* SG
# Forms/Labels
```
<label class="u-iblock Text Size-medium u-rSpace--xl">
<input class="CDB-Radio u-iBlock u-rSpace--s" type="radio" name="True" value="01" checked>
<span class="u-iBlock">True</span>
</label>
<label class="u-iblock Text Size-medium">
<input class="CDB-Radio u-iBlock u-rSpace--s" type="radio" name="True" value="02" checked>
<span class="u-iBlock">False</span>
</label>
<hr/>
<label class="u-iblock Text Size-medium u-rSpace--xl">
<input class="CDB-Checkbox u-iBlock u-rSpace--s" type="checkbox" name="hobbies" value="Sport" >
<span class="u-iBlock">Sport</span>
</label>
<label class="u-iblock Text Size-medium">
<input class="CDB-Checkbox u-iBlock u-rSpace--s" type="checkbox" name="hobbies" value="Travel">
<span class="u-iBlock">Travel</span>
</label>
```
*/

View File

@ -8,7 +8,7 @@
<p class="Text Size-huge">Open Sans 26/34 Regular</p> <p class="Text Size-huge">Open Sans 26/34 Regular</p>
<p class="Text Size-large">Open Sans 16/22 Regular</p> <p class="Text Size-large">Open Sans 16/22 Regular</p>
<p class="Text is-semibold Size-medium">Open Sans 12/16 Semibold</p> <p class="Text is-semibold Size-medium">Open Sans 12/16 Semibold</p>
<p class="Text Size-medium">Open Sans 12/16 Semibold</p> <p class="Text Size-medium">Open Sans 12/16 Regular</p>
<p class="Text is-semibold Size-small">Open Sans 10/14 Semibold</p> <p class="Text is-semibold Size-small">Open Sans 10/14 Semibold</p>
<p class="Text Size-small">Open Sans 10/14 Regular</p> <p class="Text Size-small">Open Sans 10/14 Regular</p>
``` ```

View File

@ -9,6 +9,9 @@
.u-tSpace-xl { .u-tSpace-xl {
margin-top: 12px; margin-top: 12px;
} }
.u-rSpace--s {
margin-right: 2px;
}
.u-rSpace { .u-rSpace {
margin-right: 4px; margin-right: 4px;
} }