add metadata
This commit is contained in:
parent
ee39eb3491
commit
f34ceb1575
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -20,6 +20,7 @@
|
|||||||
```
|
```
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@import '../cdb-utilities/mixins';
|
||||||
@import '../cdb-variables/sizes';
|
@import '../cdb-variables/sizes';
|
||||||
@import '../cdb-variables/colors';
|
@import '../cdb-variables/colors';
|
||||||
|
|
||||||
@ -50,14 +51,47 @@
|
|||||||
# Tags / Metadata
|
# Tags / Metadata
|
||||||
|
|
||||||
```
|
```
|
||||||
<button class="CDB-Metadata CDB-Text u-iBlock">
|
<ul class="CDB-ListMetadata CDB-Text CDB-Size-medium u-secondaryTextColor">
|
||||||
population
|
<li class="CDB-ListMetadata-item">
|
||||||
</button>
|
<button class="CDB-Metadata CDB-Text">
|
||||||
|
trees
|
||||||
|
<div class="CDB-Shape u-lSpace">
|
||||||
|
<div class="CDB-Shape-close is-blue is-large"></div>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
<li class="CDB-ListMetadata-item">
|
||||||
|
<button class="CDB-Metadata CDB-Text">
|
||||||
|
table_merge
|
||||||
|
<div class="CDB-Shape u-lSpace">
|
||||||
|
<div class="CDB-Shape-close is-blue is-large"></div>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
<li class="CDB-ListMetadata-item">
|
||||||
|
<button class="CDB-Metadata CDB-Text">
|
||||||
|
word
|
||||||
|
<div class="CDB-Shape u-lSpace">
|
||||||
|
<div class="CDB-Shape-close is-blue is-large"></div>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
```
|
```
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.CDB-Metadata {
|
.CDB-ListMetadata {
|
||||||
border-radius: $baseSize / 2;
|
@include display-flex();
|
||||||
background: #FF5500;
|
}
|
||||||
|
|
||||||
|
.CDB-ListMetadata-item {
|
||||||
|
margin-right: $baseSize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CDB-Metadata {
|
||||||
|
@include display-flex();
|
||||||
|
padding: $baseSize / 2 $baseSize / 2 $baseSize / 2 $baseSize;
|
||||||
|
border-radius: $baseSize / 2;
|
||||||
|
background: rgba($cBlue, 0.16);
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user