/* ======================================= */
/* CSS for control sap.ushell/DynamicTile  */
/* Horizon High Contrast Black theme       */
/* ======================================= */

.sapUshellDynamicTile {

	/* Colors for displaying dynamic tile contents (esp. large numbers, arrows, text)
	note: these values are different than the ones specified in TileBase */
	.sapUshellDynamicTileData {

		&.sapUshellDynamicTileDataNegative {
			color: @sapUiHcNegativeColor;

			.sapUshellDynamicTileDataUp {
				border-bottom-color: @sapUiHcNegativeColor;
			}

			.sapUshellDynamicTileDataDown {
				border-top-color: @sapUiHcNegativeColor;
			}
		}

		&.sapUshellDynamicTileDataNeutral {
			color: @sapUiHcNeutralColor;

			.sapUshellDynamicTileDataUp {
				border-bottom-color: @sapUiHcNeutralColor;
			}

			.sapUshellDynamicTileDataDown {
				border-top-color: @sapUiHcNeutralColor;
			}
		}

		&.sapUshellDynamicTileDataPositive {
			color: @sapUiHcPositiveColor;

			.sapUshellDynamicTileDataUp {
				border-bottom-color: @sapUiHcPositiveColor;
			}

			.sapUshellDynamicTileDataDown {
				border-top-color: @sapUiHcPositiveColor;
			}
		}

		&.sapUshellDynamicTileDataCritical {
			color: @sapUiHcCriticalColor;

			.sapUshellDynamicTileDataUp {
				border-bottom-color: @sapUiHcCriticalColor;
			}

			.sapUshellDynamicTileDataDown {
				border-top-color: @sapUiHcCriticalColor;
			}
		}
	}
}

.sapUiMedia-Std-Desktop,
.sapUiMedia-Std-Tablet {

	.sapUshellDynamicTile{

		/* the number */
		.sapUshellDynamicTileNumber {
			font-size: @_sap_ushell_DynamicTile_NumberFontSizeDesktop;
			font-weight: normal;
		}

		/* the scaling factor for the number */
		.sapUshellDynamicTileNumberFactor {
			font-weight: normal;
			font-size: @_sap_ushell_DynamicTile_NumberFactorFontSizeDesktop;
		}
	}

	.sapUshellDynamicTileStateArrow {

		/* Desktop */
		&.sapUshellDynamicTileDataUp,
		&.sapUshellDynamicTileDataDown {
			font-size: @_sap_ushell_DynamicTile_NumberFontSizeDesktop;
		}
	}
}

.sapUiMedia-Std-Phone {

	.sapUshellDynamicTile {

		/* Phone */
		/* the number */
		.sapUshellDynamicTileNumber {
			font-size:   @_sap_ushell_DynamicTile_NumberFontSizePhone;
			font-weight: normal;
		}

		/* the scaling factor for the number */
		.sapUshellDynamicTileNumberFactor {
			font-weight: normal;
			font-size:   @_sap_ushell_DynamicTile_NumberFactorFontSizePhone;
		}
	}
}