@openui5/themelib_sap_horizon 1.131.1 → 1.132.1

package/src/sap/m/themes/sap_horizon_dark/SinglePlanningCalendarGrid.less

@@ -4,29 +4,30 @@
 /* ================================================= */
 
 .sapUiSizeCompact .sapMSinglePCGrid {
-	& .sapUiCalItem
-	{
+
+	& .sapUiCalItem {
 		text-align: left;
 	}
 
-	& .sapUiCalDayName
-	{
+	& .sapUiCalDayName {
 		text-align: right;
 	}
 }
 
-.sapMSinglePC .sapUiCalendarAppCont{
+.sapMSinglePC .sapUiCalendarAppCont {
 	border-left: 0.0625rem solid darken(@sapUiListBorderColor, 15);
 	border-radius: 0 0.125rem 0.125rem 0.125rem;
 }
 
 .sapMSinglePC {
-	.sapMSinglePCRow, .sapMSinglePCBlockersColumn {
-		border-color: @sapUiListBorderColor;
+
+	.sapMSinglePCRow,
+	.sapMSinglePCBlockersColumn {
+		border-color: var(--sapList_BorderColor);
 	}
 
 	.sapMSinglePCColumnToday .sapMSinglePCRow::before {
-		border-color: @sapUiLegendCurrentDateTime;
+		border-color: var(--sapLegend_CurrentDateTime);
 	}
 
 	.sapMSinglePCColumnHeader .sapUiCalItem.sapUiCalItemNow {
@@ -34,7 +35,7 @@
 	}
 
 	.sapMSinglePCNowMarker {
-		color: @sapUiLegendCurrentDateTime;
+		color: var(--sapLegend_CurrentDateTime);
 	}
 
 	.sapMSinglePCColumnWeekend,
@@ -42,11 +43,11 @@
 	.sapMSinglePCBlockersRow,
 	.sapMSinglePCNonWorkingPeriod,
 	.sapMSinglePCRowHeaders {
-		background-color: @sapUiListAlternatingBackground;
+		background-color: var(--sapList_AlternatingBackground);
 	}
 
 	.sapMPCHeadNavToolbar.sapMTB-Transparent-CTX.sapMTB {
-		background-color: @sapUiListBackground;
+		background-color: var(--sapList_Background);
 	}
 
 	.sapUiCalItem:focus{
@@ -54,7 +55,9 @@
 	}
 
 	.sapMSinglePCColumnHeader {
+
 		.sapUiCalItem.sapUiCalItemNow {
+
 			.sapUiCalSpecialDate {
 				position: absolute;
 				left: 0;
@@ -69,6 +72,7 @@
 	}
 
 	.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps {
+
 		.sapUiCalendarApp {
 			border-top-left-radius: 0;
 			border-bottom-left-radius: 0;
@@ -77,6 +81,7 @@
 }
 
 .sapUiCalendarRowVisFilled .sapMSinglePCAppointmentWrap {
+
 	.sapUiCalendarApp,
 	.sapUiCalendarApp:hover:not(:active) {
 		background-color: transparent;
@@ -84,8 +89,11 @@
 }
 
 .sapUiSizeCompact .sapMSinglePC {
+
 	.sapMSinglePCColumnHeader {
+
 		.sapUiCalItem.sapUiCalItemNow {
+
 			.sapUiCalItemText,
 			.sapUiCalItemSel.sapUiItemText {
 				box-shadow: none;
@@ -93,7 +101,9 @@
 			}
 		}
 	}
+
 	.sapMSinglePCColumnHeader {
+
 		.sapUiCalItem.sapUiCalItemNow:focus {
 			outline: 0.0625rem solid white;
 			box-shadow: inset white;
@@ -102,13 +112,17 @@
 }
 
 .sapUiSizeCompact .sapMSinglePC {
+
 	.sapMSinglePCColumnHeader {
+
 		.sapUiCalItem.sapUiCalItemNow {
 			outline: 0.0625rem solid white;
 			box-shadow: inset white;
+
 			&.sapUiCalItemSel:hover {
-				background-color: @sapUiContentSelectedHoverBackground;
+				background-color: var(--sapContent_Selected_Hover_Background);
 			}
+
 			&.sapUiCalItemSel .sapUiCalItemText,
 			.sapUiCalItemText {
 				box-shadow: none;
@@ -116,6 +130,7 @@
 				line-height: 1.5rem;
 			}
 		}
+
 		.sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemText,
 		.sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetween):focus > .sapUiCalItemText {
 			border: transparent;
@@ -131,6 +146,7 @@
 		}
 
 		.sapUiCalItem {
+
 			.sapUiCalItemText,
 			.sapUiCalDayName {
 				height: 1.4rem;
@@ -151,24 +167,29 @@
 }
 
 .sapMSinglePCAppointmentWrap.sapUiCalendarRowApps {
+
 	&:focus {
-		.sapUiCalendarAppCont:after {
-			border: 0.125rem solid @sapUiContentFocusColor;
+
+		.sapUiCalendarAppCont::after {
+			border: 0.125rem solid var(--sapContent_FocusColor);
 			border-radius: 0.125rem;
 		}
 	}
 }
 
 html.sap-desktop {
+
 	.sapMSinglePCBlockersRow > .sapMSinglePCBlockersColumns > .sapMSinglePCBlockersColumn:focus::after,
 	.sapMSinglePCGridContent .sapMSinglePCColumns .sapMSinglePCRow:focus::after {
-		border: 0.125rem solid @sapUiContentFocusColor;
+		border: 0.125rem solid var(--sapContent_FocusColor);
 	}
 }
 
 .sapMSinglePCAppointments,
 .sapMSinglePCBlockers {
+
 	.sapUiCalendarApp {
+
 		&.sapUiCalendarAppSel::after {
 			background-color: initial;
 		}
@@ -176,9 +197,12 @@ html.sap-desktop {
 }
 
 html.sap-desktop {
+
 	.sapMSinglePCBlockers,
 	.sapMSinglePCAppointments {
+
 		.sapUiCalendarApp {
+
 			&.sapUiCalendarAppSel:hover::after {
 				background-color: initial;
 			}
@@ -186,7 +210,7 @@ html.sap-desktop {
 	}
 }
 
-.sapMSinglePC .sapUiCalItemSel:focus > .sapUiCalItemText:after {
+.sapMSinglePC .sapUiCalItemSel:focus > .sapUiCalItemText::after {
 	left: 0;
 	right: 0;
 }
@@ -198,25 +222,29 @@ html.sap-desktop {
 	border-radius: 0 0.25rem 0.25rem 0;
 }
 
-.sapMSinglePC .sapUiCalItem.sapUiCalItemSel:focus > .sapUiCalItemText:after {
+.sapMSinglePC .sapUiCalItem.sapUiCalItemSel:focus > .sapUiCalItemText::after {
 	outline: none;
 }
 
 .calendarRowTypeColorMixIn(@class, @iitemtypeclass, @color, @bcolor) {
+
 	.sapMSinglePCGrid .@{iitemtypeclass} {
+
 		&.sapUiCalItem.sapUiCalItemSel {
 			box-shadow: inset 0 0 0 0.15rem @sapContent_Selected_ForegroundColor;
 		}
+
 		&.sapUiCalItem.sapUiCalItemSel:focus {
 			box-shadow: inset 0 0 0 0.25rem @sapContent_Selected_ForegroundColor;
 		}
+
 		&.sapUiCalItem:hover {
 			border-radius: 0.5rem;
 		}
 	}
 }
 
-.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps:focus .sapUiCalendarAppSel:hover .sapUiCalendarAppCont:after {
+.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps:focus .sapUiCalendarAppSel:hover .sapUiCalendarAppCont::after {
 	top: 0.125rem;
 	left: 0.125rem;
 	right: 0.125rem;
@@ -224,18 +252,18 @@ html.sap-desktop {
 }
 
 /* SELECTED CELL IN HEADER */
-.sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemText:after {
+.sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemText::after {
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
-	border: 0.0625rem solid @sapUiContentFocusColor;
-	content: "";
+	border: 0.0625rem solid var(--sapContent_FocusColor);
+	content: '';
 	border-radius: 0.5rem;
 }
 
-.sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText:after {
+.sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText::after {
 	top: 0.1875rem;
 	left: 0.1875rem;
 	right: 0.1875rem;
@@ -249,18 +277,18 @@ html.sap-desktop {
 	left: 0.375rem;
 	right: 0.375rem;
 	bottom: 0.375rem;
-	border: 0.125rem solid @sapUiContentFocusColor;
-	content: "";
+	border: 0.125rem solid var(--sapContent_FocusColor);
+	content: '';
 	border-radius: 0.1875rem;
 }
 
-.sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:focus > .sapUiCalItemText:after {
+.sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:focus > .sapUiCalItemText::after {
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
-	border: 0.0625rem solid @sapUiContentFocusColor;
-	content: "";
+	border: 0.0625rem solid var(--sapContent_FocusColor);
+	content: '';
 	border-radius: 0.5rem;
 }

package/src/sap/m/themes/sap_horizon_dark/SinglePlanningCalendarMonthGrid.less

@@ -2,6 +2,7 @@
 /* CSS for control sap.m/SinglePlanningCalendarMonthGrid  */
 /* Evening Horizon theme                                  */
 /* ====================================================== */
+
 .calendarSpecialDayTypeColorMixIn(@class, @color) {
 	.sapMSPCMonthGrid {
 		.@{class} .specialDateIndicator {
@@ -32,12 +33,12 @@
 .calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType20, @sapLegendColor20);
 
 html.sap-desktop .sapMSPCMonthDay:not(.sapMSPCMonthDayToday):focus::after {
-	border: 0.125rem solid @sapUiContentFocusColor;
+	border: 0.125rem solid var(--sapContent_FocusColor);
 }
 
 html.sap-desktop .sapMSPCMonthDay.sapMSPCMonthDayToday:focus .sapMSPCMonthNowMarker::after {
 	border: none;
-	outline: 0.125rem solid @sapUiContentFocusColor;
+	outline: 0.125rem solid var(--sapContent_FocusColor);
 	outline-offset: -0.25rem;
 }
 

package/src/sap/m/themes/sap_horizon_dark/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/m/themes/sap_horizon_hcb/MessagePage.less

@@ -3,9 +3,11 @@
 /* Horizon High Contrast Black theme  */
 /* ================================== */
 
-/* MessagePage inner controls styles*/
+/* MessagePage inner controls styles */
 .sapMMessagePage {
+
 	.sapMMessagePageInner {
+
 		.sapMMessagePageIcon.sapUiIcon::before {
 			color: fade(@sapUiContentNonInteractiveIconColor,50);
 		}
@@ -24,7 +26,7 @@
 		}
 
 		.sapMLnk {
-			font-size: @sapMFontHeader5Size;
+			font-size: var(--sapFontHeader5Size);
 		}
 	}
 

package/src/sap/m/themes/sap_horizon_hcb/MessageStrip.less

@@ -4,7 +4,7 @@
 /* =================================== */
 
 .sapMMsgStrip {
-	border-radius: @sapUiPopoverBorderCornerRadius;
+	border-radius: var(--sapPopover_BorderCornerRadius);
 	border-width: 0.125rem;
 }
 
@@ -16,7 +16,7 @@
 	top: -0.0625rem;
 }
 
-.sapMMsgStripMessage>.sapMLnk {
+.sapMMsgStripMessage > .sapMLnk {
 	padding-right: 0.25rem;
 	padding-left: 0.25rem;
-}
+}

package/src/sap/m/themes/sap_horizon_hcb/MessageView.less

@@ -6,9 +6,11 @@
 @_sap_m_MessageView_DescIcon_Width: 1rem;
 
 .sapMMsgView {
+
 	.sapMMsgViewDetailsPage section {
 		padding: 1rem;
 	}
+
 	.sapMMsgViewItem {
 		padding-left: 0;
 
@@ -28,35 +30,35 @@
 	}
 
 	.sapMSLITitle {
-		font-size: @sapMFontHeader6Size;
+		font-size: var(--sapFontHeader6Size);
 	}
 
 	.sapMSLIDescription {
-		color: @sapUiContentLabelColor;
+		color: var(--sapContent_LabelColor);
 	}
 
 	.sapMMsgViewDescriptionText {
 		padding-bottom: 0;
 		margin: 0 0 1rem 2.5rem;
 		line-height: 1.4;
-		font-family: @sapUiFontFamily;
-		color: @sapUiBaseText;
+		font-family: var(--sapFontFamily);
+		color: var(--sapTextColor);
 	}
 
 	.sapMMsgViewTitleText {
 		margin: 0 0 1rem 2.5rem;
-		font-family: @sapUiFontHeaderFamily;
+		font-family: var(--sapFontHeaderFamily);
 		font-size: @sapUiFontHeader5Size;
 		font-weight: @sapUiFontHeaderWeight;
-		color: @sapUiGroupTitleTextColor;
+		color: var(--sapGroup_TitleTextColor);
 	}
 
 	.sapMMsgViewDescriptionLink {
 		margin: 0 0 1rem 2.5rem;
-		font-family: @sapUiFontFamily;
+		font-family: var(--sapFontFamily);
 		font-size: @sapMFontMediumSize;
 		font-weight: normal;
-		color: @sapUiLink;
+		color: var(--sapLinkColor);
 	}
 
 	.sapMSLIWithDescription > .sapMLIBContent > .sapMSLIDiv > .sapMSLIDescription {
@@ -70,7 +72,7 @@
 }
 
 .sapMMsgView .sapMIBar.sapMHeader-CTX {
-	background-color: @sapUiGroupContentBackground;
+	background-color: var(--sapGroup_ContentBackground);
 	padding-left: 1rem;
 }
 
@@ -90,6 +92,7 @@
 
 /* Compact size */
 .sapUiSizeCompact .sapMMsgView {
+
 	.sapMMsgViewDescIcon {
 		line-height: 1rem;
 	}

package/src/sap/m/themes/sap_horizon_hcb/ObjectHeader.less

@@ -7,20 +7,20 @@
 .sapMOHC.sapMOHBgTranslucent,
 .sapMOH.sapMOHBgSolid,
 .sapMOHC.sapMOHBgSolid {
-	background-color: @sapUiObjectHeaderBackground;
-	border-bottom: 0.125rem solid @sapUiObjectHeaderBorderColor;
+	background-color: var(--sapObjectHeader_Background);
+	border-bottom: 0.125rem solid var(--sapObjectHeader_BorderColor);
 }
 
 .sapMOHC.sapMOHBgTranslucent,
 .sapMOHC.sapMOHBgSolid {
-	border-bottom: 0.125rem solid @sapUiObjectHeaderBorderColor;
+	border-bottom: 0.125rem solid var(--sapObjectHeader_BorderColor);
 	box-shadow: none;
 }
 
 .sapMOH.sapMOHBgTransparent,
 .sapMOHC.sapMOHBgTransparent {
 	background: transparent;
-	border-bottom: 0.125rem solid @sapUiObjectHeaderBorderColor;
+	border-bottom: 0.125rem solid var(--sapObjectHeader_BorderColor);
 }
 
 a.sapMOHTitle.sapMOHTitleActive:hover > h1 .sapMText {
@@ -43,18 +43,18 @@ a.sapMOHTitle.sapMOHTitleActive:hover > h1 .sapMText {
 .sapMOHTitle.sapMOHTitleActive:focus > h6 span,
 .sapMOHIcon.sapMPointer .sapUiIcon.sapUiIconPointer:focus,
 .sapMOHTitleArrow .sapUiIcon:focus {
-	outline: 0.125rem dotted @sapUiContentFocusColor;
+	outline: 0.125rem dotted var(--sapContent_FocusColor);
 	outline-offset: -0.125rem;
 }
 
-/*** styles for responsive object header ***/
+/* styles for responsive object header */
 .sapMOHR:not(.sapMOHRNoBorder) {
 	box-shadow: @sapUiShadowHeader;
 }
 
 .sapMOHR.sapMOHRBgSolid,
 .sapMOHR.sapMOHRBgTranslucent {
-	background: @sapUiObjectHeaderBackground;
+	background: var(--sapObjectHeader_Background);
 }
 
 .sapMOHR.sapMOHRBgTransparent {
@@ -62,18 +62,19 @@ a.sapMOHTitle.sapMOHTitleActive:hover > h1 .sapMText {
 }
 
 .sapMOHRTitleArrow .sapUiIcon:focus {
-	outline: 1px dotted @sapUiContentFocusColor;
+	outline: 1px dotted var(--sapContent_FocusColor);
 	outline-offset: -1px;
 }
 
 .sapMOHRIcon.sapMPointer .sapUiIcon.sapUiIconPointer:focus {
-	&:before {
-		outline: 1px dotted @sapUiContentFocusColor;
+
+	&::before {
+		outline: 1px dotted var(--sapContent_FocusColor);
 	}
 }
 
 .sapMOHRTitleActive .sapMOHRTitleText:focus {
-	outline: 1px dotted @sapUiContentFocusColor;
+	outline: 1px dotted var(--sapContent_FocusColor);
 	outline-offset: -1px;
 }
 
@@ -87,22 +88,23 @@ a.sapMOHTitle.sapMOHTitleActive:hover > h1 .sapMText {
 .sapMOHTitle h3 .sapMText,
 .sapMOHTitle h2 .sapMText,
 .sapMOHTitle h1 .sapMText {
-	font-family: @sapUiObjectHeaderTitleFontFamily;
-	font-size: @sapUiObjectHeaderTitleFontSize;
-	color: @sapUiObjectHeaderTitleTextColor;
+	font-family: var(--sapObjectHeader_Title_FontFamily);
+	font-size: var(--sapObjectHeader_Title_FontSize);
+	color: var(--sapObjectHeader_Title_TextColor);
 }
 
 html.sap-phone {
+
 	.sapMOHTitle h6 .sapMText,
 	.sapMOHTitle h5 .sapMText,
 	.sapMOHTitle h4 .sapMText,
 	.sapMOHTitle h3 .sapMText,
 	.sapMOHTitle h2 .sapMText,
 	.sapMOHTitle h1 .sapMText {
-		font-size: @sapUiObjectHeaderTitleSnappedFontSize;
+		font-size: var(--sapObjectHeader_Title_SnappedFontSize);
 	}
 }
 
 .sapMOHIntro .sapMText {
-	color: @sapUiObjectHeaderSubtitleTextColor;
+	color: var(--sapObjectHeader_Subtitle_TextColor);
 }

package/src/sap/m/themes/sap_horizon_hcb/Page.less

@@ -14,41 +14,42 @@
 		z-index: 2;
 	}
 
-	&:after {
-		content: "";
+	&::after {
+		content: '';
 		position: absolute;
 		height: 1px;
 		bottom: 0;
 		width: 100%;
-		box-shadow: inset 0 -0.0625rem @sapUiPageHeaderBorderColor, 0 0 0.25rem 0 fade(@sapUiContentShadowColor, 15);
+		box-shadow: inset 0 -0.0625rem var(--sapPageHeader_BorderColor), 0 0 0.25rem 0 fade(@sapUiContentShadowColor, 15);
 		z-index: 1;
 	}
 }
 
 .sapMPageWithHeader.sapMPageWithSubHeader {
+
 	.sapMPageHeader {
 		box-shadow: none;
 
-		&:after {
+		&::after {
 			box-shadow: none;
 		}
 	}
 }
 
 .sapMPageBgStandard {
-	background-color: @sapUiBaseBG;
+	background-color: var(--sapBackgroundColor);
 }
 
 .sapMPageBgSolid {
-	background-color: @sapUiBaseBG;
+	background-color: var(--sapBackgroundColor);
 }
 
 .sapMPageBgTransperant {
-	background-color: @sapUiBaseBG;
+	background-color: var(--sapBackgroundColor);
 }
 
 .sapMPageBgList {
-	background-color: @sapUiGroupContentBackground;
+	background-color: var(--sapGroup_ContentBackground);
 }
 
 /* The following overrides for sap_belize/sap_belize_plus are only intended for apps inside FLP (Ushell) */
@@ -56,7 +57,7 @@
 
 	/* In sap_belize_plus backgroundDesign=Standard maps to Solid */
 	.sapMPageBgStandard {
-		background-color: @sapUiBaseBG;
+		background-color: var(--sapBackgroundColor);
 	}
 
 	/* For the pages in the master part of sap.m.SplitApp backgroundDesign=Standard maps to Transparent */
@@ -76,26 +77,32 @@
 	opacity: 1;
 
 	.sapMIBar-CTX.sapMFooter-CTX {
-		box-shadow: @sapUiContentShadow1;
+		box-shadow: var(--sapContent_Shadow1);
 		border: none;
 	}
 }
 
 html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
+
 	@keyframes bounceShow {
+
 		0% {
 			transform: translateY(100%);
 			opacity: 0;
 		}
+
 		100% {
 			opacity: 1;
 		}
 	}
+
 	@keyframes bounceHide {
+
 		0% {
 			transform: translateY(-5%);
 			opacity: 1;
 		}
+
 		100% {
 			transform: translateY(100%);
 			opacity: 0;
@@ -104,6 +111,7 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
 }
 
 .sapMPage.sapF2CollapsedHeader > .sapMPageHeader {
+
 	& + section,
 	& + .sapUiHiddenPlaceholder + section {
 		top: 0;
@@ -115,6 +123,7 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
 }
 
 .sapMPage.sapF2CollapsedHeader > .sapMPageHeader {
+
 	& + section,
 	& + .sapUiHiddenPlaceholder + section {
 		top: 0;
@@ -131,6 +140,7 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
 }
 
 .sapMPage {
+
 	> .sapMPageHeader + section,
 	> .sapMPageSubHeader + section,
 	> .sapMPageHeader + .sapUiHiddenPlaceholder + section {
@@ -147,6 +157,7 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
 }
 
 .sapUiSizeCompact .sapF2CollapsedHeader.sapMPageWithHeader {
+
 	> section {
 		top: 0;
 	}
@@ -157,6 +168,7 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
 }
 
 .sapMPageWithHeader {
+
 	&.sapFShellBar-CTX > section {
 		top: 3.25rem;
 	}
@@ -166,9 +178,15 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
 	}
 }
 
-.sapMPageHeader, .sapMPageSubHeader, .sapMPageFooter {
-	.sapUi-Std-PaddingS, .sapUi-Std-PaddingM,
-	.sapUi-Std-PaddingL, .sapUi-Std-PaddingXL {
+.sapMPageHeader,
+.sapMPageSubHeader,
+.sapMPageFooter {
+
+	.sapUi-Std-PaddingS,
+	.sapUi-Std-PaddingM,
+	.sapUi-Std-PaddingL,
+	.sapUi-Std-PaddingXL {
+
 		&.sapMBar {
 			box-sizing: border-box;
 
@@ -182,10 +200,12 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
 		}
 	}
 }
+
 .sapUi-Std-PaddingS,
 .sapUi-Std-PaddingM,
 .sapUi-Std-PaddingL,
 .sapUi-Std-PaddingXL {
+
 	&.sapMPageFloatingFooter.sapMPageFooter {
 		margin: 0.5rem 0;
 		width: auto;
@@ -209,6 +229,7 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
 	}
 
 	.sapMPageWithHeader {
+
 		&.sapFShellBar-CTX > section {
 			top: 3.25rem;
 		}