add labels
This commit is contained in:
parent
2ae455d7de
commit
959c546982
@ -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>
|
||||||
|
```
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
@ -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>
|
||||||
```
|
```
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user