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

Renaming all files to _whatever in order to avoid be compiled in other projects, only the entry one, thanks to @nobuti

Browse Source
This commit is contained in:
Javier Álvarez Medina
2017-05-24 12:50:42 +02:00
parent 007b851962
commit a41763c4f2
46 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/cdb-components/shapes/_move.scss
+159
View File
@@ -0,0 +1,159 @@
/* SG
# Shapes/Move
Description
```
<h2>16px</h2>
<div style="padding: 20px;">
<div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
<div class="CDB-Shape-rectsHandle">
<div class="CDB-Shape-rectsHandleItem is-first"></div>
<div class="CDB-Shape-rectsHandleItem is-second"></div>
<div class="CDB-Shape-rectsHandleItem is-third"></div>
</div>
</div>
</div>
<div style="padding: 20px;">
<div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
<div class="CDB-Shape-rectsHandle">
<div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--blue is-first"></div>
<div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--blue is-second"></div>
<div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--blue is-third"></div>
</div>
</div>
</div>
<div style="padding: 20px;">
<div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
<div class="CDB-Shape-rectsHandle">
<div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--grey is-first"></div>
<div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--grey is-second"></div>
<div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--grey is-third"></div>
</div>
</div>
</div>
<div style="padding: 20px; background: #2E3C43;">
<div class="CDB-Shape" style="background: rgba(0, 0, 0, .08);">
<div class="CDB-Shape-rectsHandle">
<div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--white is-first"></div>
<div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--white is-second"></div>
<div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--white is-third"></div>
</div>
</div>
</div>
<br>
<br>
<br>
<br>
<h2>12px</h2>
<div style="padding: 20px;">
<div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
<div class="CDB-Shape-rectsHandle is-small">
<div class="CDB-Shape-rectsHandleItem is-first"></div>
<div class="CDB-Shape-rectsHandleItem is-second"></div>
<div class="CDB-Shape-rectsHandleItem is-third"></div>
</div>
</div>
</div>
<div style="padding: 20px;">
<div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
<div class="CDB-Shape-rectsHandle is-small">
<div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--blue is-first"></div>
<div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--blue is-second"></div>
<div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--blue is-third"></div>
</div>
</div>
</div>
<div style="padding: 20px;">
<div class="CDB-Shape">
<div class="CDB-Shape-rectsHandle is-small">
<div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--grey is-first"></div>
<div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--grey is-second"></div>
<div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--grey is-third"></div>
</div>
</div>
</div>
<div style="padding: 20px; background: #2E3C43;">
<div class="CDB-Shape" style="background: rgba(0, 0, 0, .08);">
<div class="CDB-Shape-rectsHandle is-small">
<div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--white is-first"></div>
<div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--white is-second"></div>
<div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--white is-third"></div>
</div>
</div>
</div>
```
*/
.CDB-Shape-rectsHandle {
position: relative;
padding: 1px 0 0;
}
.CDB-Shape-rectsHandle.is-small {
padding: 3px 0 0 1px;
.CDB-Shape-rectsHandleItem {
height: 2px;
margin-bottom: 2px;
&::before {
left: 5px;
width: 2px;
height: 2px;
}
&::after {
width: 2px;
height: 2px;
}
}
}
.CDB-Shape-rectsHandleItem {
height: 3px;
margin-bottom: 3px;
&:last-child {
margin-bottom: 0;
}
&::before {
display: block;
position: absolute;
left: 4px;
width: 3px;
height: 3px;
background: $cMainBg;
content: '';
}
&::after {
display: block;
position: absolute;
left: 9px;
width: 3px;
height: 3px;
background: $cMainBg;
content: '';
}
}
.CDB-Shape-rectsHandleItem--blue {
&::before,
&::after {
background: $cBlue;
}
}
.CDB-Shape-rectsHandleItem--white {
&::before,
&::after {
background: $cWhite;
}
}
.CDB-Shape-rectsHandleItem--grey {
&::before,
&::after {
background: $cHoverLine;
}
}