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

fix move shape and add grey version

Browse Source
This commit is contained in:
piensaenpixel
2016-03-29 10:23:54 +02:00
parent 8dacc12dfd
commit f79c750d40
1 changed files with 27 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/cdb-components/shapes/move.scss
+27
View File
@@ -23,6 +23,15 @@ Description
</div> </div>
</div> </div>
</div> </div>
<div style="padding: 20px;">
<div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
<div class="CDB-Shape-Move">
<div class="CDB-Shape-MoveItem is-grey is-first"></div>
<div class="CDB-Shape-MoveItem is-grey is-second"></div>
<div class="CDB-Shape-MoveItem is-grey is-third"></div>
</div>
</div>
</div>
<div style="padding: 20px; background: #2E3C43;"> <div style="padding: 20px; background: #2E3C43;">
<div class="CDB-Shape" style="background: rgba(0, 0, 0, .08);"> <div class="CDB-Shape" style="background: rgba(0, 0, 0, .08);">
<div class="CDB-Shape-Move"> <div class="CDB-Shape-Move">
@@ -55,6 +64,15 @@ Description
</div> </div>
</div> </div>
</div> </div>
<div style="padding: 20px;">
<div class="CDB-Shape">
<div class="CDB-Shape-Move is-small">
<div class="CDB-Shape-MoveItem is-grey is-first"></div>
<div class="CDB-Shape-MoveItem is-grey is-second"></div>
<div class="CDB-Shape-MoveItem is-grey is-third"></div>
</div>
</div>
</div>
<div style="padding: 20px; background: #2E3C43;"> <div style="padding: 20px; background: #2E3C43;">
<div class="CDB-Shape" style="background: rgba(0, 0, 0, .08);"> <div class="CDB-Shape" style="background: rgba(0, 0, 0, .08);">
<div class="CDB-Shape-Move is-small"> <div class="CDB-Shape-Move is-small">
@@ -77,6 +95,7 @@ Description
padding: 3px 0 0 1px; padding: 3px 0 0 1px;
.CDB-Shape-MoveItem { .CDB-Shape-MoveItem {
height: 2px;
margin-bottom: 2px; margin-bottom: 2px;
&::before { &::before {
@@ -92,6 +111,7 @@ Description
} }
.CDB-Shape-MoveItem { .CDB-Shape-MoveItem {
height: 3px;
margin-bottom: 3px; margin-bottom: 3px;
&:last-child { &:last-child {
@@ -128,3 +148,10 @@ Description
background: $cWhite; background: $cWhite;
} }
} }
.CDB-Shape-MoveItem.is-grey {
&::before,
&::after {
background: $cHoverLine;
}
}