This commit is contained in:
piensaenpixel 2016-02-01 17:56:03 +01:00
parent f6dfad3b79
commit bff9be2be6
7 changed files with 31 additions and 32 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -47,18 +47,17 @@ Description
background: $cMainDark;
content: '';
}
}
&.is-up {
top: 6px;
right: 9px;
transform: rotate(45deg);
}
.CDB-Shape-Arrow--top {
top: 6px;
right: 9px;
transform: rotate(45deg);
}
.CDB-Shape-Arrow--bottom {
top: 13px;
left: 46px;
transform: rotate(-135deg);
&.is-down {
top: 13px;
left: 46px;
transform: rotate(-135deg);
}
}
.CDB-Shape-Arrow.is-blue {

View File

@ -97,12 +97,12 @@ Description
&::before {
top: 3px;
left: 6px;
height: 8px;
height: 7px;
}
&::after {
top: 3px;
right: 7px;
height: 8px;
right: 6px;
height: 7px;
}
}
@ -110,12 +110,12 @@ Description
&::before {
top: 2px;
left: 4px;
height: 6px;
height: 5px;
}
&::after {
top: 2px;
right: 5px;
height: 6px;
right: 4px;
height: 5px;
}
}
}

View File

@ -1,5 +1,5 @@
/* SG
# Shapes/Subtract
# Shapes/Dash
Description
@ -7,17 +7,17 @@ Description
<h2>16px</h2>
<div style="padding: 20px;">
<div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
<div class="CDB-Shape-subtract"></div>
<div class="CDB-Shape-dash"></div>
</div>
</div>
<div style="padding: 20px;">
<div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
<div class="CDB-Shape-subtract is-blue"></div>
<div class="CDB-Shape-dash is-blue"></div>
</div>
</div>
<div style="padding: 20px; background: #2E3C43;">
<div class="CDB-Shape" style="background: rgba(0, 0, 0, .08);">
<div class="CDB-Shape-subtract is-white"></div>
<div class="CDB-Shape-dash is-white"></div>
</div>
</div>
<br>
@ -27,17 +27,17 @@ Description
<h2>12px</h2>
<div style="padding: 20px;">
<div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
<div class="CDB-Shape-subtract is-small"></div>
<div class="CDB-Shape-dash is-small"></div>
</div>
</div>
<div style="padding: 20px;">
<div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
<div class="CDB-Shape-subtract is-blue is-small"></div>
<div class="CDB-Shape-dash is-blue is-small"></div>
</div>
</div>
<div style="padding: 20px; background: #2E3C43;">
<div class="CDB-Shape" style="background: rgba(0, 0, 0, .08);">
<div class="CDB-Shape-subtract is-white is-small"></div>
<div class="CDB-Shape-dash is-white is-small"></div>
</div>
</div>
```
@ -45,7 +45,7 @@ Description
@import '../../cdb-variables/colors';
.CDB-Shape-subtract {
.CDB-Shape-dash {
position: relative;
height: 100%;
@ -61,7 +61,7 @@ Description
}
}
.CDB-Shape-subtract.is-small {
.CDB-Shape-dash.is-small {
&::before {
right: 3px;
@ -69,13 +69,13 @@ Description
}
}
.CDB-Shape-subtract.is-blue {
.CDB-Shape-dash.is-blue {
&::before {
background: $cBlue;
}
}
.CDB-Shape-subtract.is-white {
.CDB-Shape-dash.is-white {
&::before {
background: $cWhite;
}

View File

@ -58,14 +58,14 @@ Description
@import '../../cdb-variables/colors';
.CDB-Shape-CircleItem {
width: 14px;
height: 14px;
width: 13px;
height: 13px;
border: 1px solid $cMainDark;
border-radius: 50%;
&.is-small {
width: 10px;
height: 10px;
width: 9px;
height: 9px;
margin: 2px auto;
}
&.is-blue {