@openui5/sap.m/src/sap/m/themes/base/ImageContent.less

OpenUI5 UI Library sap.m

/* =================================== */
/* CSS for control sap.m/ImageContent  */
/* Base theme                          */
/* =================================== */

.sapMImageContent {
	position: relative;
	height: 3.875rem;
	width: 9rem;
	outline: none;
}

.sapMImageContentImageIcon {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	max-height: 3.5rem;
}

.sapMGT .sapMImageContentImageIcon {
	left: 0;
	right: auto;
}

html.sap-desktop .sapMImageContent:focus {
	outline-color: var(--sapContent_FocusColor);
	outline-style: var(--sapContent_FocusStyle);
	outline-width: var(--sapContent_FocusWidth);
}

html.sap-desktop .sapMImageContent:focus:not([tabindex]) {
	outline: none;
}

.sapMImageContentImageIcon.sapUiIcon {
	font-size: 1.75rem;
	color: var(--sapTile_IconColor);
	padding-bottom: 0.675rem;
}

.sapMTileSmallPhone {

	.sapMImageContent {
		height: 3.438rem;
		width: 8rem;
	}

	.sapMImageContentImageIcon {
		max-height: 3rem;
	}

	.sapMImageContentImageIcon.sapUiIcon {
		font-size: var(--sapFontHeader3Size);;
		padding-bottom: 0.25rem;
	}
}