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

add data type

Browse Source
This commit is contained in:
piensaenpixel
2016-02-24 19:08:31 +01:00
parent f34ceb1575
commit 0120c5921b
1 changed files with 44 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/cdb-components/tags.scss
+44 -3
View File
@@ -53,7 +53,7 @@
``` ```
<ul class="CDB-ListMetadata CDB-Text CDB-Size-medium u-secondaryTextColor"> <ul class="CDB-ListMetadata CDB-Text CDB-Size-medium u-secondaryTextColor">
<li class="CDB-ListMetadata-item"> <li class="CDB-ListMetadata-item">
<button class="CDB-Metadata CDB-Text"> <button class="CDB-Metadata">
trees trees
<div class="CDB-Shape u-lSpace"> <div class="CDB-Shape u-lSpace">
<div class="CDB-Shape-close is-blue is-large"></div> <div class="CDB-Shape-close is-blue is-large"></div>
@@ -61,7 +61,7 @@
</button> </button>
</li> </li>
<li class="CDB-ListMetadata-item"> <li class="CDB-ListMetadata-item">
<button class="CDB-Metadata CDB-Text"> <button class="CDB-Metadata">
table_merge table_merge
<div class="CDB-Shape u-lSpace"> <div class="CDB-Shape u-lSpace">
<div class="CDB-Shape-close is-blue is-large"></div> <div class="CDB-Shape-close is-blue is-large"></div>
@@ -69,7 +69,7 @@
</button> </button>
</li> </li>
<li class="CDB-ListMetadata-item"> <li class="CDB-ListMetadata-item">
<button class="CDB-Metadata CDB-Text"> <button class="CDB-Metadata">
word word
<div class="CDB-Shape u-lSpace"> <div class="CDB-Shape u-lSpace">
<div class="CDB-Shape-close is-blue is-large"></div> <div class="CDB-Shape-close is-blue is-large"></div>
@@ -95,3 +95,44 @@
border-radius: $baseSize / 2; border-radius: $baseSize / 2;
background: rgba($cBlue, 0.16); background: rgba($cBlue, 0.16);
} }
/* SG
# Tags / Data Type
```
<ul class="CDB-ListDataType">
<li class="CDB-ListDataType-item">
<button class="CDB-DataType CDB-Text CDB-Size-small u-altTextColor">
Number
</button>
</li>
<li class="CDB-ListDataType-item">
<button class="CDB-DataType CDB-Text CDB-Size-small u-altTextColor">
Text
</button>
</li>
<li class="CDB-ListDataType-item">
<button class="CDB-DataType CDB-Text CDB-Size-small u-altTextColor">
String
</button>
</li>
</ul>
```
*/
.CDB-ListDataType {
@include display-flex();
}
.CDB-ListDataType-item {
margin-right: $baseSize;
}
.CDB-DataType {
padding: $baseSize / 4 $baseSize / 2;
border-radius: $baseSize / 4;
background: $cThirdBackground;
text-transform: uppercase;
}