This commit is contained in:
piensaenpixel
2016-02-09 17:25:28 +01:00
parent 45c90f9cd9
commit 1da800ecef
18 changed files with 39 additions and 39 deletions

View File

@@ -36,7 +36,7 @@
}
.Color-MainDark {
background: $cMainBgColor;
background: $cMainBg;
}
.Color-SecondaryDark {
background: $cSecondaryDark;

View File

@@ -49,7 +49,7 @@
}
&:checked + .CDB-ToggleFace {
background: $cMainBgColor;
background: $cMainBg;
&::before {
right: 2px;

View File

@@ -105,12 +105,12 @@ This is the generic loader for widgets, maps, components, ...
background: $cWhite;
}
&.is-grey {
background: linear-gradient(to right, $cMainBgColor 10%, rgba($cWhite, 0) 42%);
background: linear-gradient(to right, $cMainBg 10%, rgba($cWhite, 0) 42%);
&::before {
background: $cTypo2;
}
&::after {
background: $cMainBgColor;
background: $cMainBg;
}
}
}

View File

@@ -97,8 +97,8 @@
}
.CDB-NavMenu-Item.is-active .CDB-NavMenu-Link {
border-bottom: 1px solid $cMainBgColor;
color: $cMainBgColor;
border-bottom: 1px solid $cMainBg;
color: $cMainBg;
}
.CDB-NavSubmenu {
@@ -119,7 +119,7 @@
.CDB-NavSubmenu-item.is-active {
.CDB-NavSubmenu-Link {
border-bottom: 1px solid $cTypo3;
color: $cMainBgColor;
color: $cMainBg;
}
}

View File

@@ -65,7 +65,7 @@ Description
bottom: 7px;
left: 0;
height: 1px;
background: $cMainBgColor;
background: $cMainBg;
content: '';
}
@@ -76,7 +76,7 @@ Description
bottom: 0;
left: 7px;
width: 1px;
background: $cMainBgColor;
background: $cMainBg;
content: '';
}
}
@@ -90,7 +90,7 @@ Description
bottom: 7px;
left: 4px;
height: 1px;
background: $cMainBgColor;
background: $cMainBg;
content: '';
}
@@ -101,7 +101,7 @@ Description
bottom: 3px;
left: 8px;
width: 1px;
background: $cMainBgColor;
background: $cMainBg;
content: '';
}
}

View File

@@ -22,7 +22,7 @@ Description
position: relative;
width: 1px;
height: 8px;
background: $cMainBgColor;
background: $cMainBg;
&::before {
display: block;
@@ -32,7 +32,7 @@ Description
width: 5px;
height: 1px;
transform: rotate(45deg);
background: $cMainBgColor;
background: $cMainBg;
content: '';
}
@@ -44,7 +44,7 @@ Description
width: 5px;
height: 1px;
transform: rotate(-45deg);
background: $cMainBgColor;
background: $cMainBg;
content: '';
}
&.is-up {

View File

@@ -60,7 +60,7 @@ Description
.CDB-Shape-CircleItem {
width: 14px;
height: 14px;
border: 1px solid $cMainBgColor;
border: 1px solid $cMainBg;
border-radius: 50%;
&.is-small {
@@ -86,7 +86,7 @@ Description
position: absolute;
width: 1px;
transform: rotate(-45deg);
background: $cMainBgColor;
background: $cMainBg;
content: '';
}
&::after {
@@ -94,7 +94,7 @@ Description
position: absolute;
width: 1px;
transform: rotate(45deg);
background: $cMainBgColor;
background: $cMainBg;
content: '';
}

View File

@@ -55,7 +55,7 @@ Description
position: absolute;
width: 1px;
transform: rotate(-45deg);
background: $cMainBgColor;
background: $cMainBg;
content: '';
}
&::after {
@@ -63,7 +63,7 @@ Description
position: absolute;
width: 1px;
transform: rotate(45deg);
background: $cMainBgColor;
background: $cMainBg;
content: '';
}

View File

@@ -56,7 +56,7 @@ Description
bottom: 7px;
left: 2px;
height: 1px;
background: $cMainBgColor;
background: $cMainBg;
content: '';
}
}

View File

@@ -95,7 +95,7 @@ Description
width: 9px;
height: 9px;
margin-left: -10px;
border: 1px solid $cMainBgColor;
border: 1px solid $cMainBg;
border-radius: 50%;
background: $cWhite;
@@ -132,15 +132,15 @@ Description
.CDB-Shape-Dataset.is-white {
.CDB-Shape-DatasetItem {
border: 1px solid $cHoverLine;
background: $cMainBgColor;
background: $cMainBg;
&:first-child {
box-shadow: 3px 0 $cMainBgColor;
box-shadow: 3px 0 $cMainBg;
}
}
}
.CDB-Shape-Dataset.is-white.is-small {
.CDB-Shape-DatasetItem:first-child {
box-shadow: 2px 0 $cMainBgColor;
box-shadow: 2px 0 $cMainBg;
}
}

View File

@@ -60,7 +60,7 @@ Description
.CDB-Shape-CircleItem {
width: 13px;
height: 13px;
border: 1px solid $cMainBgColor;
border: 1px solid $cMainBg;
border-radius: 50%;
&.is-small {

View File

@@ -43,7 +43,7 @@ Description
.CDB-Shape-hamburguerItem {
height: $baseSize / 4;
margin-bottom: $baseSize / 4;
background: $cMainBgColor;
background: $cMainBg;
&:last-child {
margin-bottom: 0;

View File

@@ -58,7 +58,7 @@ Description
left: 0;
width: 11px;
height: 11px;
border: 1px solid $cMainBgColor;
border: 1px solid $cMainBg;
border-radius: 50%;
content: '';
}
@@ -71,7 +71,7 @@ Description
width: 1px;
height: 7px;
transform: rotate(314deg);
background: $cMainBgColor;
background: $cMainBg;
content: '';
}
}

View File

@@ -101,7 +101,7 @@ Description
display: inline-block;
width: 3px;
height: 3px;
background: $cMainBgColor;
background: $cMainBg;
content: '';
}
@@ -110,7 +110,7 @@ Description
width: 3px;
height: 3px;
margin-left: 2px;
background: $cMainBgColor;
background: $cMainBg;
content: '';
}
}

View File

@@ -77,7 +77,7 @@ Description
width: 2px;
height: 2px;
margin-bottom: 5px;
background: $cMainBgColor;
background: $cMainBg;
&:last-child {
margin-bottom: 0;
}

View File

@@ -97,7 +97,7 @@ Description
width: 10px;
height: 1px;
transform: rotate(-45deg);
background: $cMainBgColor;
background: $cMainBg;
content: '';
}
&::after {
@@ -108,7 +108,7 @@ Description
width: 10px;
height: 1px;
transform: rotate(45deg);
background: $cMainBgColor;
background: $cMainBg;
content: '';
}
}

View File

@@ -43,7 +43,7 @@
// ----------------------------------------------
.u-mainTextColor {
color: $cMainTextColor;
color: $cMainText;
}
.u-secondaryTextColor {
color: $cTypo2;

View File

@@ -5,7 +5,7 @@
$cBlue: #3AA9E3;
$cBlack: #000;
$cWhite: #FFF;
$cMainBgColor: #2E3C43;
$cMainBg: #2E3C43;
//Structure
$cSecondaryDark: #282C2F;
@@ -18,10 +18,10 @@ $cMainLine: #DDD;
$cSecondaryLine: #EEE;
//Typography
$cMainTextColor: #2E3C43;
$cSecondaryTextColor: #636D72;
$cAltTextColor: #979EA1;
$cHintTextColor: #CBCED0;
$cMainText: #2E3C43;
$cSecondaryText: #636D72;
$cAltText: #979EA1;
$cHintText: #CBCED0;
//Others
$cHighlight: #9DE0AD;