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

OpenUI5 UI Library sap.m

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

.sapMBusyIndicator {
	display: inline-block;
	text-align: center;
	outline: none;

	.sapMBusyIndicatorBusyArea {
		min-width: 3em;
		min-height: 1em;
	}

	.sapMLabel {
		display: block;
	}

	.sapUiLocalBusyIndicator {
		background: none;
		font-size: inherit;
	}
}

.sapMBar-CTX .sapMBusyIndicator {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

html[data-sap-ui-browser^="cr"] {
	.sapMBar-CTX .sapMBusyIndicator {
		transform: translateY(25%);
	}
}

.sapMBsyIndAnimation(@name) {
	-webkit-animation: @name 2s linear 0s infinite normal none;
	animation:         @name 2s linear 0s infinite normal none;
}

html[dir='rtl'] .sapMBsyIndIcon {
	.sapMBsyIndAnimation(sapMBsyIndRotateRTL);
}

.sapMBsyIndIcon {
	vertical-align: middle;
	-webkit-transform: rotate(0deg) translateZ(0);
	transform: rotate(0deg) translateZ(0);
	-webkit-transition-duration: 0ms;
	transition-duration: 0ms;

	.sapMBsyIndAnimation(sapMBsyIndRotate);
}

@-webkit-keyframes sapMBsyIndRotate {
	from { -webkit-transform:rotate(0deg) translateZ(0); }
	to { -webkit-transform:rotate(360deg) translateZ(0); }
}

@keyframes sapMBsyIndRotate {
	from { transform:rotate(0deg) translateZ(0); }
	to { transform:rotate(360deg) translateZ(0); }
}

@-webkit-keyframes sapMBsyIndRotateRTL {
	from { -webkit-transform:rotate(0deg) translateZ(0); }
	to { -webkit-transform:rotate(-360deg) translateZ(0); }
}

@keyframes sapMBsyIndRotateRTL {
	from { transform:rotate(0deg) translateZ(0); }
	to { transform:rotate(-360deg) translateZ(0); }
}