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

Merge pull request #75 from CartoDB/list-widgets

Browse Source 
List widgets
This commit is contained in:
piensaenpixel 2016-02-24 14:39:51 +01:00
commit 75d24f72e8
5 changed files with 85 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,7 +1,7 @@
{
"name": "cartoassets",
"description": "Share frontend assets between different CartoDB repositories",
"version": "0.1.27",
"version": "0.1.28",
"homepage": "https://github.com/cartodb/CartoAssets",
"author": {
"name": "CartoDB",

BIN
src/fonts/cartoIcon.eot
View File

Binary file not shown.

BIN
src/fonts/cartoIcon.ttf
View File

Binary file not shown.

BIN
src/fonts/cartoIcon.woff
View File

Binary file not shown.

84
src/scss/cdb-components/lists.scss
View File

@ -25,3 +25,87 @@
display: block;
padding: 12px 16px;
}
/* SG
# Lists/Lists Widgets
```
<ul class="CDB-BlockList">
<li class="CDB-BlockList-item">
<div class="CDB-BlockList-media u-rSpace--xl">
</div>
<div class="CDB-BlockList-Inner">
<div class="CDB-BlockList-Title u-bSpace">
<h2 class="CDB-BlockList-TitleText CDB-Text CDB-Size-large u-ellipsis">Stadiums Affected Stadiums Affected Stadiums AffectedStadiums Affected Stadiums Affected Stadiums Affected Stadiums Affected </h2>
<div class="CDB-HeaderInfo-Actions">
<button class="CDB-Shape">
<div class="CDB-Shape-close is-blue is-large"></div>
</button>
</div>
</div>
<p class="CDB-Text CDB-Size-medium u-secondaryTextColor">NBA Fans, fans_num</p>
</div>
</li>
<li class="CDB-BlockList-item">
<div class="CDB-BlockList-media u-rSpace--xl">
</div>
<div class="CDB-BlockList-Inner">
<div class="CDB-BlockList-Title u-bSpace">
<h2 class="CDB-BlockList-TitleText CDB-Text CDB-Size-large u-ellipsis">Stadiums Affected Stadiums Affected Stadiums AffectedStadiums Affected Stadiums Affected Stadiums Affected Stadiums Affected </h2>
<div class="CDB-HeaderInfo-Actions">
<button class="CDB-Shape">
<div class="CDB-Shape-close is-blue is-large"></div>
</button>
</div>
</div>
<p class="CDB-Text CDB-Size-medium u-secondaryTextColor">NBA Fans, fans_num</p>
</div>
</li>
</ul>
```
*/
@import '../cdb-utilities/mixins';
@import '../cdb-variables/sizes';
@import '../cdb-variables/colors';
.CDB-BlockList-item {
@include display-flex();
margin-bottom: $baseSize;
padding: $baseSize * 2;
border: 1px solid $cSecondaryLine;
border-radius: $baseSize / 2;
&:last-child {
margin-bottom: 0;
}
}
.CDB-BlockList-inner {
@include flex(1);
}
.CDB-BlockList-Title {
@include display-flex();
@include align-items(center);
}
.CDB-BlockList-TitleText {
@include flex(1);
width: 0;
padding-right: $baseSize * 2;
}
.CDB-BlockList-media {
width: 40px;
height: 40px;
border: 1px solid $cSecondaryLine;
border-radius: $baseSize / 2;
background: $cThirdBackground;
}