package.src.themes.Label.css Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of webcomponents Show documentation

UI5 Web Components: webcomponents.main

The newest version!

:host(:not([hidden])) {
	display: inline-flex;
}

:host {
	max-width: 100%;
	color: var(--sapContent_LabelColor);
	font-family: "72override", var(--sapFontFamily);
	font-size: var(--sapFontSize);
	font-weight: normal;
	cursor: text;
}

.ui5-label-root {
	width: 100%;
	cursor: inherit;
}

:host {
	white-space: normal;
}

:host([wrapping-type="None"]) {
	white-space: nowrap;
}

:host([wrapping-type="None"]) .ui5-label-root {
	display: inline-flex;
}

:host([wrapping-type="None"]) .ui5-label-text-wrapper {
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	flex: 0 1 auto;
	min-width: 0;
}

:host([show-colon]) .ui5-label-required-colon:before {
	content: attr(data-colon);
}

:host([required]) .ui5-label-required-colon:after {
	content:"*";
	color: var(--sapField_RequiredColor);
	font-size: 1.25rem;
	font-weight: bold;
	position: relative;
	font-style: normal;
	vertical-align: middle;
	line-height: 0;
}

.ui5-label-text-wrapper {
	padding-inline-end: 0.075rem; /*1.2px - fix for last letter clipping issue when style is italic*/
}

:host([required][show-colon]) .ui5-label-required-colon:after {
	margin-inline-start: .125rem;
}

:host([show-colon]) .ui5-label-required-colon {
	margin-inline-start: -0.05rem; /*0.8px - fix for last letter clipping issue when style is italic*/
	white-space: pre;
}