//********************
//* Developer colors *
//********************
.d-color{
	font-size: $fontSizeSmall;
	font-weight: normal;
	height: 120px;
	position: relative;

	&:before{
		display: inline-block;
		padding: 5px 10px;
	}
}

.d-color--whiteText{
	color: $paletteWhite;
}

// Red palette
.d-color-paletteRedLightest{
	background: $paletteRedLightest;

	&:before{
		content: '$paletteRedLightest';
	}
}

.d-color-paletteRedNormal{
	background: $paletteRedNormal;

	&:before{
		content: '$paletteRedNormal';
	}
}

.d-color-paletteRedDarker{
	background: $paletteRedDarker;

	&:before{
		content: '$paletteRedDarker';
	}
}

// Green palette
.d-color-paletteGreenLightest{
	background: $paletteGreenLightest;

	&:before{
		content: '$paletteGreenLightest';
	}
}

.d-color-paletteGreenNormal{
	background: $paletteGreenNormal;

	&:before{
		content: '$paletteGreenNormal';
	}
}

.d-color-paletteGreenDarker{
	background: $paletteGreenDarker;

	&:before{
		content: '$paletteGreenDarker';
	}
}

// Orange palette
.d-color-paletteOrangeLightest{
	background: $paletteOrangeLightest;

	&:before{
		content: '$paletteOrangeLightest';
	}
}

.d-color-paletteOrangeNormal{
	background: $paletteOrangeNormal;

	&:before{
		content: '$paletteOrangeNormal';
	}
}

.d-color-paletteOrangeDarker{
	background: $paletteOrangeDarker;

	&:before{
		content: '$paletteOrangeDarker';
	}
}

// Blue palette
.d-color-paletteBlueLightest{
	background: $paletteBlueLightest;

	&:before{
		content: '$paletteBlueLightest';
	}
}

.d-color-paletteBlueNormal{
	background: $paletteBlueNormal;

	&:before{
		content: '$paletteBlueNormal';
	}
}

.d-color-paletteBlueDarker{
	background: $paletteBlueDarker;

	&:before{
		content: '$paletteBlueDarker';
	}
}

// Cherry palette
.d-color-paletteCherryLightest{
	background: $paletteCherryLightest;

	&:before{
		content: '$paletteCherryLightest';
	}
}

.d-color-paletteCherryNormal{
	background: $paletteCherryNormal;

	&:before{
		content: '$paletteCherryNormal';
	}
}

.d-color-paletteCherryDarker{
	background: $paletteCherryDarker;

	&:before{
		content: '$paletteCherryDarker';
	}
}

// Grey palette
.d-color-paletteGreyLightest{
	background: $paletteGreyLightest;

	&:before{
		content: '$paletteGreyLightest';
	}
}

.d-color-paletteGreyNormal{
	background: $paletteGreyNormal;

	&:before{
		content: '$paletteGreyNormal';
	}
}

.d-color-paletteGreyDark{
	background: $paletteGreyDark;

	&:before{
		content: '$paletteGreyDark';
	}
}

.d-color-paletteGreyDarkest{
	background: $paletteGreyDarkest;

	&:before{
		content: '$paletteGreyDarkest';
	}
}

// White palette
.d-color-paletteWhite{
	background: $paletteWhite;

	&:before{
		content: '$paletteWhite';
	}
}

// Black palette
.d-color-paletteBlack{
	background: $paletteBlack;

	&:before{
		content: '$paletteBlack';
	}
}