@sapui5/sap.suite.ui.commons 1.145.1 → 1.147.0

package/src/sap/suite/ui/commons/themes/base/ProcessFlowLaneHeader.less

@@ -1,7 +1,7 @@
-/* ================================================================== */
-/* CSS for sap.suite.ui.commons/ProcessFlowLaneHeader.control         */
-/* Base Theme                                                         */
-/* ================================================================== */
+/* =========================================================== */
+/* CSS for control sap.suite.ui.commons/ProcessFlowLaneHeader  */
+/* Base theme                                                  */
+/* =========================================================== */
 
 .suiteUiProcessFlowLaneHeaderContainer {
 	width: 100%;
@@ -20,16 +20,16 @@
 .suiteUiProcessFlowLaneHeaderTextContainer {
 	position: relative;
 	height: 2rem;
-	padding: 0rem 1rem;
+	padding: 0 1rem;
 	overflow: hidden;
 	text-align: center;
 }
 
 .suiteUiProcessFlowLaneHeaderText {
-	color: @sapGroup_TitleTextColor;
+	color: var(--sapGroup_TitleTextColor);
 	text-shadow: @sapUiShadowText;
-	font-family: @sapUiFontFamily;
-	font-size: @sapMFontSmallSize;
+	font-family: var(--sapFontFamily);
+	font-size: var(--sapFontSmallSize);
 	display: inline-block;
 	vertical-align: top;
 	line-height: 1rem;
@@ -43,9 +43,6 @@
 	max-height: 2rem;
 	min-height: 2rem;
 	height: 2rem;
-	-webkit-hyphens: auto;
-	-moz-hyphens: auto;
-	-ms-hyphens: auto;
 	hyphens: auto;
 }
 
@@ -59,26 +56,18 @@
 	margin-left: -2.125rem;
 	padding: 0.125rem;
 	box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	-webkit-box-sizing: border-box;
-	user-select: none;
-	-ms-user-select: none;
-	-moz-user-select: none;
 	-webkit-user-select: none;
+	user-select: none;
 	-webkit-user-drag: none;
 	-webkit-touch-callout: none;
-	-webkit-transition: -webkit-transform 0ms;
-	-ms-touch-select: none;
+	transition: transform 0ms;
 	touch-action: manipulation;
-	text-size-adjust: none;
-	-ms-text-autospace: none;
-	-ms-text-size-adjust: none;
-	-moz-text-size-adjust: none;
 	-webkit-text-size-adjust: none;
+	text-size-adjust: none;
 }
 
 .suiteUiProcessFlowLaneHeaderIconContainer {
-	color: @sapUiGroupContentBackground;
+	color: var(--sapGroup_ContentBackground);
 	display: table;
 	position: absolute;
 	top:   50%;
@@ -90,62 +79,41 @@
 	font-size: 1.375rem;
 	text-align:center;
 	box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	-webkit-box-sizing: border-box;
-	user-select: none;
-	-ms-user-select: none;
-	-moz-user-select: none;
 	-webkit-user-select: none;
+	user-select: none;
 	-webkit-user-drag: none;
 	-webkit-touch-callout: none;
-	-webkit-transition: -webkit-transform 0ms;
-	-ms-touch-select: none;
+	transition: transform 0ms;
 	touch-action: manipulation;
-	text-size-adjust: none;
-	-ms-text-autospace: none;
-	-ms-text-size-adjust: none;
-	-moz-text-size-adjust: none;
 	-webkit-text-size-adjust: none;
+	text-size-adjust: none;
 }
 
 .suiteUiProcessFlowLaneHeaderHorizontalLine {
-	background-color: @sapContent_ForegroundBorderColor;
+	background-color: var(--sapContent_ForegroundBorderColor);
 	position: absolute;
 	width: 100%;
 	height:0.0625rem;
 	top: 50%;
 }
 
-/*Selector for IE11. Increasing 0.01rem the height, prevents some lines from disappearing*/
-html[data-sap-ui-browser^="ie"] .suiteUiProcessFlowLaneHeaderHorizontalLine {
-	height:0.07rem;
-}
-
 .suiteUiProcessFlowLaneHeaderStartEndSymbolContainer {
 	position: relative;
 	width: 1rem;
 	height: 7rem;
 	box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	-webkit-box-sizing: border-box;
-	user-select: none;
-	-ms-user-select: none;
-	-moz-user-select: none;
 	-webkit-user-select: none;
+	user-select: none;
 	-webkit-user-drag: none;
 	-webkit-touch-callout: none;
-	-webkit-transition: -webkit-transform 0ms;
-	-ms-touch-select: none;
+	transition: transform 0ms;
 	touch-action: manipulation;
-	text-size-adjust: none;
-	-ms-text-autospace: none;
-	-ms-text-size-adjust: none;
-	-moz-text-size-adjust: none;
 	-webkit-text-size-adjust: none;
+	text-size-adjust: none;
 }
 
 .suiteUiProcessFlowLaneHeaderStartEndSymbol {
-	background-color: @sapContent_ForegroundBorderColor;
+	background-color: var(--sapContent_ForegroundBorderColor);
 	position: absolute;
 	top: 2.125rem; /* 2 rem from top of the container + 2px */
 	width: 0.1875rem;
@@ -165,55 +133,39 @@ html[data-sap-ui-browser^="ie"] .suiteUiProcessFlowLaneHeaderHorizontalLine {
 	width: 2rem;
 	height: 7rem;
 	box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	-webkit-box-sizing: border-box;
-	user-select: none;
-	-ms-user-select: none;
-	-moz-user-select: none;
 	-webkit-user-select: none;
+	user-select: none;
 	-webkit-user-drag: none;
 	-webkit-touch-callout: none;
-	-webkit-transition: -webkit-transform 0ms;
-	-ms-touch-select: none;
+	transition: transform 0ms;
 	touch-action: manipulation;
-	text-size-adjust: none;
-	-ms-text-autospace: none;
-	-ms-text-size-adjust: none;
-	-moz-text-size-adjust: none;
 	-webkit-text-size-adjust: none;
+	text-size-adjust: none;
 }
 
 .suiteUiProcessFlowLaneHeaderProcessSymbol {
-	color: @sapContent_LabelColor;
-	font-size: @sapMFontHeader5Size;
+	color: var(--sapContent_LabelColor);
+	font-size: var(--sapFontHeader5Size);
 	position: absolute;
 	top: 2rem; /* 2 rem from top of the container */
 	left: 50%;
-	margin: 0rem -0.5rem;
+	margin: 0 -0.5rem;
 	box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	-webkit-box-sizing: border-box;
-	user-select: none;
-	-ms-user-select: none;
-	-moz-user-select: none;
 	-webkit-user-select: none;
+	user-select: none;
 	-webkit-user-drag: none;
 	-webkit-touch-callout: none;
-	-webkit-transition: -webkit-transform 0ms;
-	-ms-touch-select: none;
+	transition: transform 0ms;
 	touch-action: manipulation;
-	text-size-adjust: none;
-	-ms-text-autospace: none;
-	-ms-text-size-adjust: none;
-	-moz-text-size-adjust: none;
 	-webkit-text-size-adjust: none;
+	text-size-adjust: none;
 	overflow: hidden;
 }
 
 .suiteUiProcessFlowLaneHeaderProcessSymbolIcon,
 .suiteUiProcessFlowLaneHeaderProcessSymbolIcon > .sapUiIcon,
-.suiteUiProcessFlowLaneHeaderProcessSymbolIcon > .sapUiIcon:before {
-	color: @sapContent_NonInteractiveIconColor;
+.suiteUiProcessFlowLaneHeaderProcessSymbolIcon > .sapUiIcon::before {
+	color: var(--sapContent_NonInteractiveIconColor);
 	text-align: center;
 	display: table-cell;
 	vertical-align: middle;
@@ -221,22 +173,14 @@ html[data-sap-ui-browser^="ie"] .suiteUiProcessFlowLaneHeaderHorizontalLine {
 	font-style: normal;
 	font-stretch: normal;
 	box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	-webkit-box-sizing: border-box;
-	user-select: none;
-	-ms-user-select: none;
-	-moz-user-select: none;
 	-webkit-user-select: none;
+	user-select: none;
 	-webkit-user-drag: none;
 	-webkit-touch-callout: none;
-	-webkit-transition: -webkit-transform 0ms;
-	-ms-touch-select: none;
+	transition: transform 0ms;
 	touch-action: manipulation;
-	text-size-adjust: none;
-	-ms-text-autospace: none;
-	-ms-text-size-adjust: none;
-	-moz-text-size-adjust: none;
 	-webkit-text-size-adjust: none;
+	text-size-adjust: none;
 	overflow: hidden;
 }
 
@@ -246,13 +190,10 @@ html[data-sap-ui-browser^="ie"] .suiteUiProcessFlowLaneHeaderHorizontalLine {
 }
 
 .suiteUiProcessFlowLaneHeaderNoSelection {
-	user-select: none;
-	-ms-user-select: none;
-	-moz-user-select: none;
 	-webkit-user-select: none;
+	user-select: none;
 	-webkit-user-drag: none;
 	-webkit-touch-callout: none;
-	-webkit-transition: -webkit-transform 0ms;
-	-ms-touch-select: none;
+	transition: transform 0ms;
 	touch-action: manipulation;
-}
+}