clean cartoassets
This commit is contained in:
parent
75d24f72e8
commit
04bd83c37c
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -26,86 +26,3 @@
|
|||||||
padding: 12px 16px;
|
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@ -63,10 +63,6 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<br/><br/>
|
|
||||||
<br/><br/>
|
|
||||||
|
|
||||||
```
|
```
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@ -155,103 +151,3 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* SG
|
|
||||||
# Menu/Editor
|
|
||||||
|
|
||||||
|
|
||||||
```
|
|
||||||
<div class="CDB-MenuEditor">
|
|
||||||
<div class="CDB-MenuEditor-logo">
|
|
||||||
<i class="CDB-IconFont CDB-IconFont-cartoFante u-actionTextColor"></i>
|
|
||||||
</div>
|
|
||||||
<nav>
|
|
||||||
<ul class="CDB-MenuEditor-navigation">
|
|
||||||
<li class="CDB-MenuEditor-navigationItem is-selected">
|
|
||||||
<a href="#" class="CDB-MenuEditor-navigationLink">
|
|
||||||
<i class="CDB-IconFont CDB-IconFont-edition CDB-MenuEditor-navigationIcon"></i>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="CDB-MenuEditor-navigationItem">
|
|
||||||
<a href="#" class="CDB-MenuEditor-navigationLink">
|
|
||||||
<i class="CDB-IconFont CDB-IconFont-view CDB-MenuEditor-navigationIcon"></i>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="CDB-MenuEditor-navigationItem">
|
|
||||||
<a href="#" class="CDB-MenuEditor-navigationLink">
|
|
||||||
<i class="CDB-IconFont CDB-IconFont-odyssey CDB-MenuEditor-navigationIcon"></i>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="CDB-MenuEditor-navigationItem">
|
|
||||||
<a href="#" class="CDB-MenuEditor-navigationLink">
|
|
||||||
<i class="CDB-IconFont CDB-IconFont-settings CDB-MenuEditor-navigationIcon"></i>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<a href="http://piensaenpixel.cartodb.com" class="CDB-MenuEditor-avatar">
|
|
||||||
<img src="https://s3.amazonaws.com/com.cartodb.users-assets.production/production/piensaenpixel/assets/20150507074635Captura%20de%20pantalla%202015-05-07%20a%20la%28s%29%2009.46.28.png" class="CDB-MenuEditor-avatarImage">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
```
|
|
||||||
*/
|
|
||||||
|
|
||||||
.CDB-MenuEditor {
|
|
||||||
position: relative;
|
|
||||||
width: 72px;
|
|
||||||
min-height: 450px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: $baseSize * 2 0;
|
|
||||||
background: $cBlue;
|
|
||||||
box-shadow: 4px 0 $baseSize * 2 rgba(0, 0, 0, 0.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
.CDB-MenuEditor-navigationItem {
|
|
||||||
padding: 12px $baseSize * 2 12px $baseSize + 6;
|
|
||||||
border-left: 2px solid transparent;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.CDB-MenuEditor-navigationItem.is-selected {
|
|
||||||
border-left: 2px solid #FFF;
|
|
||||||
}
|
|
||||||
.CDB-MenuEditor-navigationItem.is-selected .CDB-MenuEditor-navigationIcon {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.CDB-MenuEditor-navigationLink {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.CDB-MenuEditor-navigationIcon {
|
|
||||||
color: #FFF;
|
|
||||||
font-size: 24px;
|
|
||||||
line-height: 24px;
|
|
||||||
opacity: 0.32;
|
|
||||||
}
|
|
||||||
.CDB-MenuEditor-navigationLink:hover .CDB-MenuEditor-navigationIcon {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.CDB-MenuEditor-logo {
|
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
margin: 0 auto $baseSize * 2;
|
|
||||||
padding: $baseSize - 2 0;
|
|
||||||
border-radius: $baseSize / 2;
|
|
||||||
background: #FFF;
|
|
||||||
box-sizing: border-box;
|
|
||||||
font-size: $baseSize * 3;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.CDB-MenuEditor-avatar {
|
|
||||||
position: absolute;
|
|
||||||
bottom: $baseSize * 2;
|
|
||||||
left: $baseSize * 2;
|
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
}
|
|
||||||
.CDB-MenuEditor-avatarImage {
|
|
||||||
width: 100%;
|
|
||||||
border-radius: $baseSize / 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user