/* ================================== */
/* CSS for control sap.tnt/InfoLabel  */
/* Horizon High Contrast Black theme  */
/* ================================== */

// ==========================================================================
// Variables and mixins
// ==========================================================================

@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 1rem;
@_sap_tnt_InfoLabel_DisplayModeBorder: none;
@_sap_tnt_InfoLabel_DisplayModeBackground: #1C2834;
@_sap_tnt_InfoLabel_DisplayModeColor: #A9BACB;
@_sap_tnt_InfoLabel_BorderRadius: 0.25rem;
@_sap_tnt_InfoLabel_DisplayBorderRadius: 0.1875rem;
@_sap_tnt_InfoLabel_Height: 1.375rem;
@_sap_tnt_InfoLabel_HeightWithoutBorders: 1.375rem;
@_sap_tnt_InfoLabel_LineHeight: 1.375rem;
@_sap_tnt_InfoLabel_Text: none;
@_sap_tnt_InfoLabel_Padding: 0 0.375rem;
@_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
@_sap_tnt_InfoLabel_IconMargin: 0.25rem;
@_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
@_sap_tnt_InfoLabel_FontFamily: @sapFontSemiboldDuplexFamily;
@_sap_tnt_InfoLabel_FontSize: @sapFontSize;
@_sap_tnt_InfoLabel_DisplayFontSize: @sapFontSmallSize;
@_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
@_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
@_sap_tnt_InfoLabel_LetterSpacing: normal;

@_sap_tnt_InfoLabel_ColorsArray:
#362401 #FDA503,
#550404 #FC9F9F,
#520230 #F79DCA,
#480057 #F794FF,
#240381 #BDADFF,
#002559 #83BCFF,
#012D28 #06CFAF,
#0F2D17 #26D526,
#3C1847 #D5A9E2,
#1C2834 #A9BACB;

.create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);

// Iterate over the InfoLabel ColorsArray and create separate class for each
// color named with the passed prefix and the number of the color
.create-classes-for-background-and-border-colors(@prefix, @list) {
	.iter(length(@list));
	.iter(@i) when (@i > 0) {
		.iter(@i - 1);

		@pair: extract(@list, @i);
		@backgroundColor: extract(@pair, 1);
		@textColor: extract(@pair, 2);

		.@{prefix}@{i} {
			background-color: @backgroundColor;

			.sapTntInfoLabelInner {
				color: @textColor;
			}
		}
	}
}