@openui5/themelib_sap_horizon 1.100.0 → 1.102.1

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

@@ -4,18 +4,22 @@
 /* ========================== */
 
 .sapMBar {
-	background-color: transparent;
 	text-shadow: none;
 }
 
-.sapMBarRight,
-.sapMBarPH {
-	padding-right: 0.5rem;
+.sapMBarLeft{
+	padding-left: 1rem;
+	padding-right: 0.25rem;
+}
+
+.sapMBarRight {
+	padding-left: 0.25rem;
+	padding-right: 1rem;
 }
 
-.sapMBarLeft,
 .sapMBarPH {
-	padding-left: 0.5rem;
+	padding-right: 0.25rem;
+	padding-left: 0.25rem;
 }
 
 .sapMBar .sapMBarRight.sapMBarContainer > *:first-child,
@@ -33,7 +37,7 @@
 .sapMBar .sapMBarRight.sapMBarContainer > *:not(:first-child):not(:last-child),
 .sapMBar .sapMBarLeft.sapMBarContainer > *:not(:first-child):not(:last-child),
 .sapMBar .sapMBarMiddle .sapMBarContainer > *:not(:first-child):not(:last-child){
-	margin: 0 0.25rem;
+	margin: 0 0.5rem;
 }
 
 .sapMBar .sapMBarRight.sapMBarContainer > *:first-child:last-child,
@@ -75,4 +79,8 @@
 
 html[data-sap-ui-browser^="ff"].sap-desktop .sapMBarTitleAlignAuto .sapMBarPH {
 	justify-content: start;
+}
+
+.sapMIBar-CTX.sapMFooter-CTX {
+	border-top: 0.0625rem solid @sapUiPageFooterBorderColor;
 }

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

@@ -155,10 +155,6 @@ span.sapMBtnInner.sapMBtnEmphasized {
 /* Custom focus border:                                                 */
 /* ---------------------------------------------------------------------*/
 
-html.sap-desktop .sapMBtn:focus > .sapMBtnActive.sapMFocusable {
-	border-color:    @sapUiContentContrastFocusColor;
-}
-
 html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable {
 	border-color:    @sapUiContentFocusColor;
 }
@@ -176,7 +172,7 @@ html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator):before
 	border-radius: 0.375rem;
 }
 
-html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMFocusable:not(.sapMBadgeIndicator):before,
+html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMFocusable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBadgeIndicator):before,
 html.sap-desktop .sapMBtn:focus > .sapMBtnCritical.sapMFocusable:not(.sapMBadgeIndicator):before,
 html.sap-desktop .sapMBtn:focus > .sapMBtnNegative.sapMFocusable:not(.sapMBadgeIndicator):before,
 html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBadgeIndicator):before,
@@ -184,7 +180,7 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
 	border: 0.125rem solid @sapUiContentContrastFocusColor;
 }
 
-.sapMTB-Transparent-CTX .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost) {
+.sapMIBar .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost) {
 	border-color: @sapUiButtonLiteBorderColor;
 }
 
@@ -201,6 +197,26 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
 /* (add separators, remove top/bottom border)       */
 /* ------------------------------------------------ */
 
+.sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault,
+.sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon {
+	color: @sapUiButtonLiteTextColor;
+	background-color: @sapUiButtonLiteBackground;
+}
+
+.sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent) {
+	&.sapMBtnDefault {
+		color: @sapUiButtonLiteTextColor;
+		.sapUiIcon {
+			color: @sapUiButtonLiteTextColor;
+		}
+	}
+}
+
+.sapMIBar .sapMBtnDefault.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
+.sapMIBar .sapMBtnTransparent.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed) {
+	border-color: @sapUiButtonLiteBorderColor;
+}
+
 .sapUiSizeCompact .sapMBar-CTX .sapMBtnInner.sapMBtnGhost:not(.sapMBtnDisabled) {
 	background: @sapUiButtonLiteBackground;
 	border: 0.0625rem solid @sapUiButtonBorderColor;
@@ -243,12 +259,6 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
 	background-color: @sapUiButtonActiveBackground;
 }
 
-:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnIconFirst.sapMBtnTransparent.sapMBtnActive,
-:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnIconLast.sapMBtnTransparent.sapMBtnActive {
-	background-color: @sapUiButtonLiteActiveBackground;
-	border-color: @sapUiButtonLiteActiveBorderColor;
-}
-
 // text color for enabled buttons
 :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnAccept.sapMBtnActive,
 :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnAccept.sapMBtnActive .sapMBtnIcon {
@@ -265,6 +275,11 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
 	color: @sapUiButtonAttentionActiveTextColor;
 }
 
+:not(.sapMBtnDisabled) .sapMBtnBack > .sapMBtnIcon,
+:not(.sapMBtnDisabled) .sapMBtnTransparent > .sapMBtnIcon {
+	color: @sapUiButtonLiteTextColor;
+}
+
 // box shadow on hover
 .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive) {
 	box-shadow: @sapContent_Interaction_Shadow;
@@ -288,4 +303,16 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
 
 .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnAttention {
 	box-shadow: @sapContent_Critical_Shadow;
+}
+
+/* ----------------------*/
+/* Badges                */
+/* ----------------------*/
+
+.sapMBtn .sapMBadge .sapMBadgeIndicator:after {
+	background-color: @sapContent_BadgeBackground;
+	border-color: @sapContent_BadgeBackground;
+	color: @sapContent_BadgeTextColor;
+	font-size: @sapFontSmallSize;
+	text-align: center;
 }

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

@@ -18,30 +18,8 @@
 @_sap_m_Carousel_PageIndicatorWidthSizeL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
 @_sap_m_Carousel_PageIndicatorWidthSizeXL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
 @_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;
-
-.sapMCrsl {
-	background-color: @sapUiBaseBG;
-}
-
-/* Carousel controls: HUD */
-.sapMCrslHud a {
-	opacity: 0.5;
-	box-shadow: @sapUiShadowLevel1;
-}
-
-.sapMCrsl .sapMCrslHud a:hover,
-.sapMCrsl .sapMCrslHud a:focus {
-	box-shadow: @sapUiShadowLevel1;
-	border: 1px solid @sapUiButtonBorderColor;
-	background: @sapUiButtonHoverBackground;
-}
-
-.sapMCrsl .sapMCrslHud a:active {
-	box-shadow: @sapUiShadowLevel1;
-	background-color: @sapUiButtonActiveBackground;
-}
-
-.sapMCrslPrev:focus,
-.sapMCrslNext:focus {
-	outline: none;
-}
+@_sap_m_Carousel_ContentArrowBoxShadow: @sapContent_Shadow1;
+@_sap_m_Carousel_BulletInactiveBackground: @sapContent_ForegroundBorderColor;
+@_sap_m_Carousel_BulletInactiveBorderColor: @sapContent_ForegroundBorderColor;
+@_sap_m_Carousel_BulletActiveBackground: @sapContent_Selected_ForegroundColor;
+@_sap_m_Carousel_BulletActiveBorder: @sapContent_Selected_ForegroundColor;

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

@@ -5,269 +5,212 @@
 
 .sapMCb {
 	height: 2.75rem;
-	line-height: 2.75rem;
-	padding: 0 0 0 2.75rem;
-
-	.sapMLabel {
-		color: @sapField_TextColor;
-		padding-right: 0.625rem;
-	}
+	padding-left: 2.75rem;
+	line-height: 2.7rem;
 }
 
 .sapMCbBg {
-	left: 0.6875rem;
-	top: 0.6875rem;
 	height: 1.375rem;
 	width: 1.375rem;
-	line-height: 1.125rem;
-	border-width: 0.0625rem;
+	top: 0.6875rem;
+	left: 0.6875rem;
 	box-sizing: border-box;
-	border-radius: @sapField_BorderCornerRadius;
+	border-radius: @sapUiFieldBorderCornerRadius;
+	background-color: @sapUiFieldBackground;
+	border: @sapUiFieldBorderWidth @sapUiFieldBorderColor solid;
+	display: flex;
+    align-items: center;
+    justify-content: center;
+	color: @sapUiContentSelectedForegroundColor;
 
-	&:not(.sapMCbErr):not(.sapMCbInfo):not(.sapMCbWarn) > & {
-		line-height: 1.25rem;
+	&.sapMCbMarkChecked:before {
+		font-size: 1rem;
+		color: currentColor;
 	}
 
-	&.sapMCbMarkChecked {
-		border-color: @sapContent_FocusColor;
+	&.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
+		border-width: 0.25rem;
 	}
 }
 
-.sapMCbRo .sapMCbBg {
-	border-style: dotted;
+.sapMCbBgDis .sapMCbBg {
+	opacity: @sapUiContentDisabledOpacity;
 }
 
-.sapMCbHoverable:hover {
-	background-color: @sapField_Hover_Background;
-    box-shadow: @sapContent_Interaction_Shadow;
+.sapMCbRo .sapMCbBg {
+	background-color: @sapUiFieldReadOnlyBackground;
+	border: @sapUiElementBorderWidth dashed @sapUiFieldReadOnlyBorderColor;
 }
 
-.sapMCb.sapMCbWarn .sapMCbBg {
-	background-color: @sapUiFieldWarningBackground;
-	border: 0.125rem solid @sapUiFieldWarningColor;
-
-	&.sapMCbMarkChecked:before {
-		color: @sapCriticalTextColor;
-	}
+.sapMCbRo > .sapMCbBg.sapMCbMarkChecked:before {
+	color: @sapUiContentNonInteractiveIconColor;
+}
 
-	&:hover {
-		background-color: @sapField_Hover_Background;
-		box-shadow: @sapContent_Critical_Shadow;
-	}
+.sapMCbHoverable:hover {
+	border: @sapUiFieldBorderWidth @sapField_BorderStyle @sapUiFieldHoverBorderColor;
+	color: @sapUiContentSelectedForegroundColor;
+	box-shadow: @sapUiContentInteractionShadow;
+	background-color: @sapUiFieldHoverBackground;
 }
 
-.sapMCb.sapMCbSucc .sapMCbBg {
-	background-color: @sapUiFieldSuccessBackground;
-	border: 0.0625rem solid @sapUiFieldSuccessColor;
+// value state
+.sapMCbErr {
+	.sapMCbBg {
+		background-color: @sapUiFieldInvalidBackground;
+		border: @sapUiFieldInvalidBorderWidth solid  @sapUiFieldInvalidColor;
+		color: @sapUiFieldInvalidColor;
 
-	&.sapMCbMarkChecked:before {
-		color: @sapUiFieldSuccessColor;
+		&.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
+			border-width: 0.1875rem;
+		}
 	}
 
-	&:hover {
-		background-color: @sapField_Hover_Background;
-		box-shadow: @sapContent_Positive_Shadow;
+	.sapMCbHoverable:hover {
+		box-shadow: @sapUiContentNegativeShadow;
+		background-color: @sapUiFieldHoverBackground;
 	}
 }
 
-.sapMCb.sapMCbErr .sapMCbBg {
-	background-color: @sapUiFieldInvalidBackground;
-	border: 0.125rem solid @sapUiFieldInvalidColor;
+.sapMCbWarn {
+	.sapMCbBg {
+		background-color: @sapUiFieldWarningBackground;
+		border: @sapUiFieldWarningBorderWidth solid @sapUiFieldWarningColor;
+		color: @sapUiFieldTextColor;
 
-	&.sapMCbMarkChecked:before {
-		color: @sapUiFieldInvalidColor;
+		&.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
+			border-width: 0.1875rem;
+		}
 	}
 
-	&:hover {
-		background-color: @sapField_Hover_Background;
-		box-shadow: @sapContent_Negative_Shadow;
+	.sapMCbHoverable:hover {
+		box-shadow: @sapUiContentCriticalShadow;
+		background-color: @sapUiFieldHoverBackground;
 	}
 }
 
-.sapMCb.sapMCbInfo .sapMCbBg {
-	background-color: @sapUiFieldInformationBackground;
-	border: 0.125rem solid @sapUiFieldInformationColor;
-
-	&.sapMCbMarkChecked:before {
+.sapMCbInfo {
+	.sapMCbBg {
+		background-color: @sapUiFieldInformationBackground;
+		border: @sapUiFieldInformationBorderWidth solid @sapUiFieldInformationColor;
 		color: @sapUiFieldInformationColor;
-	}
 
-	&:hover {
-		background-color: @sapField_Hover_Background;
-		box-shadow: @sapContent_Informative_Shadow;
+		&.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
+			border-width: 0.1875rem;
+		}
 	}
-}
 
-.sapUiForm .sapMCbBg { /* In forms, align left with '0.0625rem(1px)' ( the focus width) */
-	left: 0.6875rem;
-}
-
-.sapMCbBg.sapMCbMarkChecked:before {
-	color: @sapContent_FocusColor;
-}
-
-.sapMCbBg.sapMCbMarkChecked.sapMCbMarkPartiallyChecked:before {
-	border: 0.1875rem solid transparent;
-}
-
-/* CheckBox focus */
-.sapMCb:focus {
-	outline: none;
-
-	&::after {
-		pointer-events: none;
-		content: "";
-		position: absolute;
-		top: 0.3125rem;
-		right: 0.3125rem;
-		left: 0.3125rem;
-		bottom: 0.3125rem;
-		border: @sapContent_FocusWidth @sapContent_FocusStyle @sapContent_FocusColor;
-		border-radius: @sapField_BorderCornerRadius;
+	.sapMCbHoverable:hover {
+		box-shadow: @sapUiContentInformativeShadow;
+		background-color: @sapUiFieldHoverBackground;
 	}
-
 }
 
-
-html.sap-desktop {
-	.sapMCbBg:focus,
-	.sapMCbBg:active,
-	.sap-desktop .sapMCbBg.sapMCbBgDis:focus {
-		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-		outline: none;
+.sapMCbSucc {
+	.sapMCbBg {
+		background-color: @sapUiFieldSuccessBackground;
+		border: @sapUiFieldSuccessBorderWidth solid @sapUiFieldSuccessColor;
+		color: @sapUiFieldSuccessColor;
 	}
 
-	.sapUiForm .sapMCb:not(.sapMCbBgDis).sapMCbHasLabel:focus:before {
-		left: 0px; /* Cb in SimpleForm: left border adjustment */
+	.sapMCbHoverable:hover {
+		box-shadow: @sapUiContentPositiveShadow;
+		background-color: @sapUiFieldHoverBackground;
 	}
 }
 
-/* CheckBox in Footer Context */
-.sapMFooter-CTX .sapMCb:not(.sapMCbBgDis):focus > .sapMCbBg,
-.sapMFooter-CTX .sapMCb:not(.sapMCbBgDis)		> .sapMCbBg:focus {
-	outline-color: @sapUiContentContrastFocusColor;
+.sapMCb.sapMCbDisplayOnly:not(.sapMCbBgDis) {
+	padding-left: 2.75rem;
 }
 
-.sapMLIBActive .sapMCbBg,
-.sapMLIBActive .sapMCbBg.sapMCbMarkChecked,
-.sapMLIBActive .sapMCbBg.sapMCbBgDis,
-.sapMLIBActive .sapMCbBg.sapMCbBgDis.sapMCbMarkChecked{
-	border-color: @sapUiListActiveTextColor;
-}
+.sapMCbDisplayOnly .sapMCbBg {
+	top: 0.5625rem;
+	left: 0.5625rem;
+	&:not(.sapMCbMarkPartiallyChecked).sapMCbMarkChecked:before {
+		color: @sapTextColor;
+		font-size: 1rem;
+	}
 
-.sapMLIBActive .sapMCbBg{
-	background-color: @sapUiListActiveBackground;
-}
+	&:not(.sapMCbMarkPartiallyChecked):before {
+		color: @sapTextColor;
+		font-size: 1rem;
+	}
 
-.sapMCbHoverable:hover{
-	border-color: @sapUiFieldHoverBorderColor;
-	background: @sapUiFieldHoverBackground;
-}
+	&.sapMCbMark.sapMCbMarkChecked.sapMCbMarkPartiallyChecked {
+		width: 0.875rem;
+		height: 0.875rem;
+		border-radius: 0.0675rem;
+		top: 0.9375rem;
+		left: 0.9375rem;
 
-.sapMCbBgDis {
-	opacity: @sapUiContentDisabledOpacity;
+		&::before {
+			border-width: 0.125rem;
+		}
+	}
 }
 
-.sapMLIBActive .sapMActive .sapMCbBg.sapMCbActiveStateOff.sapMCbMarkChecked:before,
-.sapMLIBActive .sapMCbBg:active.sapMCbActiveStateOff.sapMCbMarkChecked:before,
-.sapMLIBActive .sapMCbBg.sapMCbMarkChecked:before,
-.sapMLIBActive .sapMActive .sapMCbBg.sapMCbMarkChecked:before,
-.sapMLIBActive .sapMCbBg:active.sapMCbMarkChecked:before,
-.sapMLIBActive .sapMCbBg.sapMCbBgDis.sapMCbMarkChecked:before{
-	color: @sapUiListActiveTextColor;
+// FOCUS
+.sapMCb {
+	outline: none;
 }
 
-.sapMCbBg.sapMCbBgDis.sapMCbMarkChecked:before {
-	color: fade(@sapUiSelected, 25);
+.sapMCb:focus:before {
+	content: "";
+	border: @sapUiContentFocusColor @sapUiContentFocusStyle @sapUiContentFocusWidth;
+	inset: 0.3125rem;
+	position: absolute;
+	border-radius: @sapUiFieldBorderCornerRadius;
 }
 
-.sapMCb.sapMCbDisplayOnly:not(.sapMCbBgDis) {
-	padding-left: 2.75rem;
+.sapMCb.sapMCbHasLabel {
+	padding-right: 0.3125rem;
 }
 
-.sapMCbDisplayOnly .sapMCbBg:not(.sapMCbMarkPartiallyChecked):before {
+.sapMCb.sapMCbHasLabel:focus:before {
 	content: "";
+	border: @sapUiContentFocusColor @sapUiContentFocusStyle @sapUiContentFocusWidth;
+	top: 0.3125rem;
+	left: 0.3125rem;
+	bottom: 0.3125rem;
+	right: 0;
+	position: absolute;
+	border-radius: 0.5rem;
 }
 
-.sapMCbDisplayOnly .sapMCbBg:not(.sapMCbMarkPartiallyChecked) {
-	border-style: solid;
-	border-width: 0.0625rem;
-	margin: 0;
-}
-
-.sapMCbDisplayOnly .sapMCbBg:not(.sapMCbMarkPartiallyChecked).sapMCbMarkChecked {
-	border-style: none;
-	border-width: 0;
-
-	&:before {
-		font-size: 1.5rem;
+.sapUiSizeCompact {
+	.sapMCb {
+		height: 2rem;
+		padding-left: 2rem;
+		line-height: 2rem;
 	}
-}
 
-.sapMCbDisplayOnly .sapMCbBg.sapMCbMark.sapMCbMarkChecked.sapMCbMarkPartiallyChecked {
-	border-radius:@sapField_BorderCornerRadius;
-}
-
-.sapMCbBg.sapMCbMarkChecked {
-	border-color: @sapUiFieldBorderColor;
-}
-
-
-/* Compact size */
-.sapUiSizeCompact{
 	.sapMCbBg {
-		border-radius: @sapField_BorderCornerRadius;
-	}
-}
-
-html.sap-desktop {
-	.sapUiSizeCompact {
-		.sapMCb .sapMLabel {
-			padding-right: 0.3125rem;
-		}
-
-		.sapMCb:focus {
-			outline: none;
-
-			&::after {
-				pointer-events: none;
-				content: "";
-				position: absolute;
-				top: 0.125rem;
-				right: 0.15rem;
-				left: 0.125rem;
-				bottom: 0.125rem;
-				border: @sapContent_FocusWidth @sapContent_FocusStyle @sapContent_FocusColor;
-				border-radius: @sapField_BorderCornerRadius;
-			}
-		}
-
-		.sapMCb.sapMCbHasLabel:focus::after {
-			right: 0;
-		}
-
-		.sapMCbDisplayOnly .sapMCbBg:not(.sapMCbMarkPartiallyChecked).sapMCbMarkChecked {
-			&:before {
-				font-size: 1rem;
-			}
+		height: 1rem;
+		width: 1rem;
+		top: 0.5rem;
+		left: 0.5rem;
+		border-radius: @sapUiFieldBorderCornerRadius;
+
+		&.sapMCbMarkChecked:before {
+			font-size: 0.75rem;
 		}
 
-		.sapUiForm .sapMCbBg { /* In forms, align left with '0.0625rem(1px)' ( the focus width) */
-			left: 0.5rem;
+		&.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
+			border-width: 0.1875rem;
 		}
+	}
 
-		.sapMCbBg.sapMCbMarkChecked.sapMCbMarkPartiallyChecked:before {
-			border-width: 0.125rem;
-		}
+	.sapMCbErr .sapMCbBg.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before,
+	.sapMCbWarn .sapMCbBg.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before,
+	.sapMCbInfo .sapMCbBg.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
+		border-width: 0.125rem;
+	}
 
-		.sapUiForm .sapMCb:not(.sapMCbBgDis):focus:before {
-			left: 0px;
-		}
+	.sapMCbDisplayOnly .sapMCbBg:not(.sapMCbMarkPartiallyChecked) {
+		margin: 0;
+	}
 
-		.sapMCbBg {
-			height: 1rem;
-			width: 1rem;
-			box-sizing: border-box;
-		}
+	.sapMCbDisplayOnly .sapMCbBg.sapMCbMark.sapMCbMarkChecked.sapMCbMarkPartiallyChecked {
+		top: 0.5625rem;
+		left: 0.5625rem;
 	}
-}
+}