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

OpenUI5 UI Library sap.m

/**
 * @file
 * @deprecated as of version 1.50, together with sap.m.Tile
 */
/* =========================== */
/* CSS for control sap.m/Tile  */
/* Base theme                  */
/* =========================== */

.sapMTile {
	display: inline-block;
	transition-property: transform3d;
	transition-duration: 0.2s;
	width: 12rem;
	height: 14rem;
	margin: 0.5rem;
	-webkit-touch-callout: none;
	background-color: var(--sapTile_Background);
	border: 1px solid var(--sapTile_BorderColor);
	border-radius: 0.125rem;
	box-shadow: @sapUiShadowLevel0;
}

.sapMTile * { /* FIXME!!! (star rule with any-parent selector...) */
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-moz-user-select: -moz-none;
}

.sapMTCEditable .sapMTile {
	background-color: fade(@sapUiTileBackground, 50);
}

.sapMTile.sapMTileActive {
	background: var(--sapHighlightColor);
}

html.sap-phone .sapMTile {
	width: 8.5rem;
	height: 10rem;
	margin: 0.5rem;
}

html.sap-phone .sapMTileContent {
	width: 8.5rem;
	height: 10rem;
}

.sapMTileContent {
	overflow: hidden;
	width: 12rem;
	height: 14rem;
}

.sapMTileDrag {
	opacity: 0.8;
	z-index: 10;
	transition-property: none;
}

.sapMNavItemFlipping .sapMTile {
	opacity: 0.01;
}

.sapMTile:focus {
	outline: 1px dotted var(--sapContent_FocusColor);
	position: relative;
}

.sapMTile .sapMTileDrag {
	opacity: 0.6;
	box-shadow: 0 1px 3px fade(@sapUiContentShadowColor,60);
}