Merge pull request #32 from CartoDB/forms-assets
fix indent and variables names
This commit is contained in:
commit
ea648f146d
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -5,9 +5,9 @@
|
|||||||
# Forms/Checkbox
|
# Forms/Checkbox
|
||||||
|
|
||||||
```
|
```
|
||||||
<input type="checkbox" name="vehicle" value="Bike" class="CDB-Checkbox" checked>
|
<input type="checkbox" name="vehicle" value="Bike" class="CDB-Checkbox" checked>
|
||||||
<input type="checkbox" name="vehicle" value="Bus" class="CDB-Checkbox">
|
<input type="checkbox" name="vehicle" value="Bus" class="CDB-Checkbox">
|
||||||
<input type="checkbox" name="vehicle" value="Car" class="CDB-Checkbox" disabled>
|
<input type="checkbox" name="vehicle" value="Car" class="CDB-Checkbox" disabled>
|
||||||
```
|
```
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@ -5,9 +5,9 @@
|
|||||||
# Forms/Inputs
|
# Forms/Inputs
|
||||||
|
|
||||||
```
|
```
|
||||||
<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText Text">
|
<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText CDB-Text">
|
||||||
<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText has-error Text">
|
<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText has-error CDB-Text">
|
||||||
<input type="text" name="text" placeholder="DejaVu Sans" disabled class="CDB-InputText is-disabled Text">
|
<input type="text" name="text" placeholder="DejaVu Sans" disabled class="CDB-InputText is-disabled CDB-Text">
|
||||||
```
|
```
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@ -5,35 +5,35 @@
|
|||||||
# Forms/Labels
|
# Forms/Labels
|
||||||
|
|
||||||
```
|
```
|
||||||
<label class="u-iblock Text Size-medium u-rSpace--xl">
|
<label class="u-iblock CDB-Text CDB-Size-medium u-rSpace--xl">
|
||||||
<input class="CDB-Radio u-iBlock u-rSpace--s" type="radio" name="True" value="01" checked>
|
<input class="CDB-Radio u-iBlock u-rSpace--s" type="radio" name="True" value="01" checked>
|
||||||
<span class="u-iBlock">True</span>
|
<span class="u-iBlock">True</span>
|
||||||
</label>
|
</label>
|
||||||
<label class="u-iblock Text Size-medium">
|
<label class="u-iblock CDB-Text CDB-Size-medium">
|
||||||
<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>
|
||||||
|
|
||||||
<br/>
|
<br/>
|
||||||
<br/>
|
<br/>
|
||||||
<br/>
|
<br/>
|
||||||
|
|
||||||
<label class="u-iblock Text Size-medium u-rSpace--xl">
|
<label class="u-iblock CDB-Text CDB-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>
|
||||||
</label>
|
</label>
|
||||||
<label class="u-iblock Text Size-medium">
|
<label class="u-iblock CDB-Text CDB-Size-medium">
|
||||||
<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/>
|
<br/>
|
||||||
<br/>
|
<br/>
|
||||||
|
|
||||||
<fieldset>
|
<fieldset>
|
||||||
<p class="CDB-Legend u-iBlock Text is-semibold Size-small u-rSpace--m">RADIO</p>
|
<p class="CDB-Legend u-iBlock CDB-Text is-semibold CDB-Size-small u-rSpace--m">RADIO</p>
|
||||||
<ul class="Text Size-medium u-iBlock">
|
<ul class="CDB-Text CDB-Size-medium u-iBlock">
|
||||||
<li class="u-iBlock u-rSpace--xl">
|
<li class="u-iBlock u-rSpace--xl">
|
||||||
<label>
|
<label>
|
||||||
<input class="CDB-Checkbox u-iBlock u-rSpace--s" type="checkbox" name="Gender" value="Travel">
|
<input class="CDB-Checkbox u-iBlock u-rSpace--s" type="checkbox" name="Gender" value="Travel">
|
||||||
@ -47,13 +47,13 @@
|
|||||||
</label>
|
</label>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
<fieldset class="u-tSpace-xl">
|
<fieldset class="u-tSpace-xl CDB-Text">
|
||||||
<p class="CDB-Legend u-iBlock Text is-semibold Size-small u-rSpace--m">RADIO</p>
|
<p class="CDB-Legend u-iBlock is-semibold CDB-Size-small u-rSpace--m">RADIO</p>
|
||||||
<div class="u-iBlock">
|
<div class="u-iBlock">
|
||||||
<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText Text">
|
<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText">
|
||||||
</div>
|
</div>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
|
|
||||||
```
|
```
|
||||||
*/
|
*/
|
||||||
|
@ -6,9 +6,9 @@
|
|||||||
|
|
||||||
|
|
||||||
```
|
```
|
||||||
<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="02">
|
<input class="CDB-Radio" type="radio" name="Gender" value="02">
|
||||||
<input class="CDB-Radio" type="radio" name="Gender" value="03" disabled>
|
<input class="CDB-Radio" type="radio" name="Gender" value="03" disabled>
|
||||||
```
|
```
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@ -6,17 +6,17 @@
|
|||||||
# Forms/Selects
|
# Forms/Selects
|
||||||
|
|
||||||
```
|
```
|
||||||
<div class="CDB-Select" style="height: 250px;">
|
<div class="CDB-Select" style="height: 250px;">
|
||||||
<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText Text">
|
<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText CDB-Text">
|
||||||
<div class="CDB-Box-Modal CDB-SelectItem">
|
<div class="CDB-Box-Modal CDB-SelectItem">
|
||||||
<ul class="Text Size-medium">
|
<ul class="CDB-Text CDB-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>
|
||||||
<li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Rename</a></li>
|
<li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Rename</a></li>
|
||||||
<li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Change source dataset…</a></li>
|
<li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Change source dataset…</a></li>
|
||||||
<li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Delete this layer…</a></li>
|
<li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Delete this layer…</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
```
|
```
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
# Forms/Sliders
|
# Forms/Sliders
|
||||||
|
|
||||||
```
|
```
|
||||||
<input type="range" min="100" max="500" step="50" value="300" class="CDB-Range"/>
|
<input type="range" min="100" max="500" step="50" value="300" class="CDB-Range"/>
|
||||||
```
|
```
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@ -6,11 +6,11 @@
|
|||||||
|
|
||||||
|
|
||||||
```
|
```
|
||||||
<label class="Text Size-small is-semibold u-rSpace--xl">
|
<label class="CDB-Text CDB-Size-small is-semibold u-rSpace--xl">
|
||||||
<span class="u-iBlock">TOOLS</span>
|
<span class="u-iBlock">TOOLS</span>
|
||||||
<input class="CDB-Toogle u-iBlock" type="checkbox" name="Analysis">
|
<input class="CDB-Toogle u-iBlock" type="checkbox" name="Analysis">
|
||||||
<span class="u-iBlock">SQL</span>
|
<span class="u-iBlock">SQL</span>
|
||||||
</label>
|
</label>
|
||||||
```
|
```
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@ -7,7 +7,7 @@
|
|||||||
|
|
||||||
```
|
```
|
||||||
<nav class="CDB-NavMenu">
|
<nav class="CDB-NavMenu">
|
||||||
<ul class="CDB-NavMenu-Inner Text is-semibold Size-medium">
|
<ul class="CDB-NavMenu-Inner CDB-Text is-semibold CDB-Size-medium">
|
||||||
<li class="CDB-NavMenu-Item">
|
<li class="CDB-NavMenu-Item">
|
||||||
<a class="CDB-NavMenu-Link" href="#">DATA</a>
|
<a class="CDB-NavMenu-Link" href="#">DATA</a>
|
||||||
</li>
|
</li>
|
||||||
@ -16,7 +16,7 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="CDB-NavMenu-Item">
|
<li class="CDB-NavMenu-Item">
|
||||||
<a class="CDB-NavMenu-Link" href="#">POP-UP</a>
|
<a class="CDB-NavMenu-Link" href="#">POP-UP</a>
|
||||||
<ul class="CDB-NavSubmenu Size-small">
|
<ul class="CDB-NavSubmenu CDB-Size-small">
|
||||||
<li class="CDB-NavSubmenu-Item is-active">
|
<li class="CDB-NavSubmenu-Item is-active">
|
||||||
<a href="#" class="CDB-NavSubmenu-Link">CLICK <span class="CDB-NavSubmenu-Status">NONE</span></a>
|
<a href="#" class="CDB-NavSubmenu-Link">CLICK <span class="CDB-NavSubmenu-Status">NONE</span></a>
|
||||||
</li>
|
</li>
|
||||||
@ -39,8 +39,8 @@
|
|||||||
|
|
||||||
<div style="background: #2E3C43; height: 100px; padding: 20px;">
|
<div style="background: #2E3C43; height: 100px; padding: 20px;">
|
||||||
<nav class="CDB-NavMenu is-dark">
|
<nav class="CDB-NavMenu is-dark">
|
||||||
<ul class="CDB-NavMenu-Inner Text is-semibold Size-medium">
|
<ul class="CDB-NavMenu-Inner CDB-Text is-semibold CDB-Size-medium">
|
||||||
<li class="CDB-NavMenu-Item Text">
|
<li class="CDB-NavMenu-Item CDB-Text">
|
||||||
<a class="CDB-NavMenu-Link" href="#">DATA</a>
|
<a class="CDB-NavMenu-Link" href="#">DATA</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="CDB-NavMenu-Item">
|
<li class="CDB-NavMenu-Item">
|
||||||
@ -48,7 +48,7 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="CDB-NavMenu-item is-active">
|
<li class="CDB-NavMenu-item is-active">
|
||||||
<a class="CDB-NavMenu-Link" href="#">POP-UP</a>
|
<a class="CDB-NavMenu-Link" href="#">POP-UP</a>
|
||||||
<ul class="CDB-NavSubmenu Size-small">
|
<ul class="CDB-NavSubmenu CDB-Size-small">
|
||||||
<li class="CDB-NavSubmenu-Item is-active">
|
<li class="CDB-NavSubmenu-Item is-active">
|
||||||
<a href="#" class="CDB-NavSubmenu-Link">CLICK <span class="CDB-NavSubmenu-Status">NONE</span></a>
|
<a href="#" class="CDB-NavSubmenu-Link">CLICK <span class="CDB-NavSubmenu-Status">NONE</span></a>
|
||||||
</li>
|
</li>
|
||||||
|
Loading…
Reference in New Issue
Block a user