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

Renaming all files to _whatever in order to avoid be compiled in other projects, only the entry one, thanks to @nobuti

Browse Source
This commit is contained in:
Javier Álvarez Medina
2017-05-24 12:50:42 +02:00
parent 007b851962
commit a41763c4f2
46 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/cdb-components/forms/_tabsForms.scss
+90
View File
@@ -0,0 +1,90 @@
// Tabs Forms styles
// ----------------------------------------------
/* SG
# Forms/TabsForms
```
<div class="CDB-TabsForms u-iBlock">
<ul class="CDB-TabsForms-inner">
<li class="CDB-TabsForms-item">
<button class="CDB-TabsForms-button">
<div class="CDB-Shape">
<ul class="CDB-Shape-paragraph is-left">
<li class="CDB-Shape-paragraphItem">
<span class="CDB-Shape-paragraphBar CDB-Shape-paragraphBar--01"></span>
</li>
<li class="CDB-Shape-paragraphItem">
<span class="CDB-Shape-paragraphBar CDB-Shape-paragraphBar--02"></span>
</li>
<li class="CDB-Shape-paragraphItem">
<span class="CDB-Shape-paragraphBar CDB-Shape-paragraphBar--03"></span>
</li>
<li class="CDB-Shape-paragraphItem">
<span class="CDB-Shape-paragraphBar CDB-Shape-paragraphBar--04"></span>
</li>
</ul>
</div>
</button>
</li>
<li class="CDB-TabsForms-item">
<button class="CDB-TabsForms-button">
<div class="CDB-Shape">
<ul class="CDB-Shape-paragraph is-center">
<li class="CDB-Shape-paragraphItem">
<span class="CDB-Shape-paragraphBar CDB-Shape-paragraphBar--01"></span>
</li>
<li class="CDB-Shape-paragraphItem">
<span class="CDB-Shape-paragraphBar CDB-Shape-paragraphBar--02"></span>
</li>
<li class="CDB-Shape-paragraphItem">
<span class="CDB-Shape-paragraphBar CDB-Shape-paragraphBar--03"></span>
</li>
<li class="CDB-Shape-paragraphItem">
<span class="CDB-Shape-paragraphBar CDB-Shape-paragraphBar--04"></span>
</li>
</ul>
</div>
</button>
</li>
<li class="CDB-TabsForms-item">
<button class="CDB-TabsForms-button">
<div class="CDB-Shape">
<ul class="CDB-Shape-paragraph is-right is-active">
<li class="CDB-Shape-paragraphItem">
<span class="CDB-Shape-paragraphBar CDB-Shape-paragraphBar--01"></span>
</li>
<li class="CDB-Shape-paragraphItem">
<span class="CDB-Shape-paragraphBar CDB-Shape-paragraphBar--02"></span>
</li>
<li class="CDB-Shape-paragraphItem">
<span class="CDB-Shape-paragraphBar CDB-Shape-paragraphBar--03"></span>
</li>
<li class="CDB-Shape-paragraphItem">
<span class="CDB-Shape-paragraphBar CDB-Shape-paragraphBar--04"></span>
</li>
</ul>
</div>
</button>
</li>
</ul>
</div>
```
*/
.CDB-TabsForms {
border: 1px solid $cMainLine;
border-radius: 4px;
}
.CDB-TabsForms-inner {
@include display-flex();
}
.CDB-TabsForms-item {
border-left: 1px solid $cSecondaryLine;
}
.CDB-TabsForms-item:first-child {
border-left: 0;
}
.CDB-TabsForms-button {
padding: 7px 8px;
}