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

change markup

Browse Source
This commit is contained in:
piensaenpixel 2016-02-26 11:00:29 +01:00
parent babf763690
commit 1487846b73
1 changed files with 22 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
src/scss/cdb-components/tags.scss
View File

@ -51,25 +51,25 @@
# Tags / Metadata # Tags / Metadata
``` ```
<ul class="CDB-ListMetadata CDB-Text CDB-Size-medium u-secondaryTextColor"> <ul class="CDB-ListTag CDB-Text CDB-Size-medium u-secondaryTextColor">
<li class="CDB-ListMetadata-item"> <li class="CDB-ListTag-item">
<button class="CDB-Metadata"> <button class="CDB-Tag CDB-Tag--withLin">
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>
</div> </div>
</button> </button>
</li> </li>
<li class="CDB-ListMetadata-item"> <li class="CDB-ListTag-item">
<button class="CDB-Metadata"> <button class="CDB-Tag CDB-Tag--withLin">
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>
</div> </div>
</button> </button>
</li> </li>
<li class="CDB-ListMetadata-item"> <li class="CDB-ListTag-item">
<button class="CDB-Metadata"> <button class="CDB-Tag CDB-Tag--withLin">
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>
@ -81,18 +81,18 @@
``` ```
*/ */
.CDB-ListMetadata { .CDB-ListTag {
@include display-flex(); @include display-flex();
} }
.CDB-ListMetadata-item { .CDB-ListTag-item {
margin-right: $baseSize; margin-right: $baseSize;
} }
.CDB-Metadata { .CDB-Tag.CDB-Tag--withLin {
@include display-flex(); @include display-flex();
padding: $halfSize $halfSize $halfSize $baseSize; padding: $halfBaseSize $halfBaseSize $halfBaseSize $baseSize;
border-radius: $halfSize; border-radius: $halfBaseSize;
background: rgba($cBlue, 0.16); background: rgba($cBlue, 0.16);
} }
@ -100,19 +100,19 @@
# Tags / Data Type # Tags / Data Type
``` ```
<ul class="CDB-ListDataType"> <ul class="CDB-ListTag">
<li class="CDB-ListDataType-item"> <li class="CDB-ListTag-item">
<button class="CDB-DataType CDB-Text CDB-Size-small u-altTextColor"> <button class="CDB-Tag CDB-Tag--opaque CDB-Text CDB-Size-small u-altTextColor">
Number Number
</button> </button>
</li> </li>
<li class="CDB-ListDataType-item"> <li class="CDB-ListTag-item">
<button class="CDB-DataType CDB-Text CDB-Size-small u-altTextColor"> <button class="CDB-Tag CDB-Tag--opaque CDB-Text CDB-Size-small u-altTextColor">
Text Text
</button> </button>
</li> </li>
<li class="CDB-ListDataType-item"> <li class="CDB-ListTag-item">
<button class="CDB-DataType CDB-Text CDB-Size-small u-altTextColor"> <button class="CDB-Tag CDB-Tag--opaque CDB-Text CDB-Size-small u-altTextColor">
String String
</button> </button>
</li> </li>
@ -120,17 +120,10 @@
``` ```
*/ */
.CDB-ListDataType { .CDB-Tag.CDB-Tag--opaque {
@include display-flex(); padding: $baseSize / 4 $halfBaseSize;
}
.CDB-ListDataType-item {
margin-right: $baseSize;
}
.CDB-DataType {
padding: $baseSize / 4 $halfSize;
border-radius: $baseSize / 4; border-radius: $baseSize / 4;
background: $cThirdBackground; background: $cThirdBackground;
text-transform: uppercase; text-transform: uppercase;