add metadata

This commit is contained in:
piensaenpixel 2016-02-24 18:47:18 +01:00
parent ee39eb3491
commit f34ceb1575
4 changed files with 40 additions and 6 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -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);
} }