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

add new component

Browse Source
This commit is contained in:
piensaenpixel
2016-04-25 18:31:52 +02:00
parent 882463f25a
commit 42790930d6
4 changed files with 85 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
src/scss/cdb-components/forms/dropdowns.scss
View File

@@ -44,6 +44,68 @@
</ul>
</div>
</div>
<div class="CDB-Box-Modal">
<div class="CDB-Box-ModalHeader">
<nav class="CDB-NavMenu">
<ul class="CDB-NavMenu-Inner CDB-NavMenu-Inner--no-margin CDB-NavMenu-Inner--is-dropdown CDB-Text is-semibold CDB-Size-medium">
<li class="CDB-NavMenu-Item">
<button class="CDB-NavMenu-Link">SOLID</button>
</li>
<li class="CDB-NavMenu-Item is-selected">
<button class="CDB-NavMenu-Link">BY VALUE</button>
</li>
</ul>
</nav>
<div class="CDB-Box-ModalHeaderItem">
<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputTextPlain CDB-Text">
<button class="u-lSpace--xl">
<div class="CDB-Shape">
<div class="CDB-Shape-magnify is-blue is-small"></div>
</div>
</button>
</div>
</div>
<br/>
<br/>
<br/>
<br/>
</div>
<br/>
<br/>
<br/>
<br/>
<div class="CDB-Box-Modal">
<div class="CDB-Box-ModalHeader">
<nav class="CDB-NavMenu">
<ul class="CDB-NavMenu-Inner CDB-NavMenu-Inner--no-margin CDB-NavMenu-Inner--is-dropdown CDB-Text is-semibold CDB-Size-medium">
<li class="CDB-NavMenu-Item">
<button class="CDB-NavMenu-Link">SOLID</button>
</li>
<li class="CDB-NavMenu-Item is-selected">
<button class="CDB-NavMenu-Link">BY VALUE</button>
</li>
</ul>
</nav>
<div class="CDB-Box-ModalHeaderItem">
<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputTextPlain CDB-Text">
<button class="u-lSpace--xl">
<div class="CDB-Shape">
<div class="CDB-Shape-close is-blue is-large"></div>
</div>
</button>
</div>
</div>
<br/>
<br/>
<br/>
<br/>
</div>
```
*/

8
src/scss/cdb-components/forms/inputs.scss
View File

@@ -38,6 +38,14 @@
@include default-form-error-style();
}
}
.CDB-InputTextPlain {
width: 100%;
border: 0;
background: transparent;
font-size: $sFontSize-medium;
line-height: $sLineHeight-medium;
box-sizing: border-box;
}
.CDB-FieldError .CDB-InputText {
@include default-form-error-style();