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

add forms elements

Browse Source
This commit is contained in:
Emilio García 2016-01-25 11:44:43 +01:00
parent 959c546982
commit b14cf93fca
1 changed files with 45 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/scss/cdb-components/forms.scss
View File

@ -152,13 +152,14 @@
# Forms/Inputs # Forms/Inputs
``` ```
<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-Input Text"> <input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText Text">
<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-Input has-error Text"> <input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText has-error Text">
<input type="text" name="text" placeholder="DejaVu Sans" disabled class="CDB-Input is-disabled Text"> <input type="text" name="text" placeholder="DejaVu Sans" disabled class="CDB-InputText is-disabled Text">
``` ```
*/ */
.CDB-Input { .CDB-InputText {
min-width: 152px;
padding: 7px 8px 6px; padding: 7px 8px 6px;
border: 1px solid $cMainLine; border: 1px solid $cMainLine;
border-radius: 3px; border-radius: 3px;
@ -266,8 +267,8 @@
# Forms/Selects # Forms/Selects
``` ```
<div class="CDB-Select" style="height: 400px;"> <div class="CDB-Select" style="height: 250px;">
<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-Input Text"> <input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText Text">
<div class="CDB-Box-Modal CDB-SelectItem"> <div class="CDB-Box-Modal CDB-SelectItem">
<ul class="Text Size-medium"> <ul class="Text Size-medium">
<li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Hide</a></li> <li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Hide</a></li>
@ -302,7 +303,11 @@
<input class="CDB-Radio u-iBlock u-rSpace--s" type="radio" name="True" value="02" checked> <input class="CDB-Radio u-iBlock u-rSpace--s" type="radio" name="True" value="02" checked>
<span class="u-iBlock">False</span> <span class="u-iBlock">False</span>
</label> </label>
<hr/>
<br/>
<br/>
<br/>
<label class="u-iblock Text Size-medium u-rSpace--xl"> <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" > <input class="CDB-Checkbox u-iBlock u-rSpace--s" type="checkbox" name="hobbies" value="Sport" >
<span class="u-iBlock">Sport</span> <span class="u-iBlock">Sport</span>
@ -311,7 +316,40 @@
<input class="CDB-Checkbox u-iBlock u-rSpace--s" type="checkbox" name="hobbies" value="Travel"> <input class="CDB-Checkbox u-iBlock u-rSpace--s" type="checkbox" name="hobbies" value="Travel">
<span class="u-iBlock">Travel</span> <span class="u-iBlock">Travel</span>
</label> </label>
<br/>
<br/>
<br/>
<fieldset>
<p class="CDB-Legend u-iBlock Text is-semibold Size-small u-rSpace--m">RADIO</p>
<ul class="Text Size-medium u-iBlock">
<li class="u-iBlock u-rSpace--xl">
<label>
<input class="CDB-Checkbox u-iBlock u-rSpace--s" type="checkbox" name="Gender" value="Travel">
<span class="u-iBlock">Travel</span>
</label>
</li>
<li class="u-iblock">
<label>
<input class="CDB-Checkbox u-iBlock u-rSpace--s" type="checkbox" name="Gender" value="Travel">
<span class="u-iBlock">Travel</span>
</label>
</li>
</ul>
</fieldset>
<fieldset class="u-tSpace-xl">
<p class="CDB-Legend u-iBlock Text is-semibold Size-small u-rSpace--m">RADIO</p>
<div class="u-iBlock">
<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText Text">
</div>
</fieldset>
``` ```
*/ */
.CDB-Legend {
width: $baseSize * 12;
}