@openui5/sap.ui.commons 1.145.1 → 1.147.0

package/src/sap/ui/commons/themes/base/ComboBox.less

@@ -1,6 +1,7 @@
-/* =============================================== */
-/* CSS for control sap.ui.commons/ComboBox.control */
-/* =============================================== */
+/* ======================================== */
+/* CSS for control sap.ui.commons/ComboBox  */
+/* Base theme                               */
+/* ======================================== */
 
 .sapUiTfCombo {
 	box-sizing: border-box;
@@ -12,7 +13,7 @@
 	outline: none;
 }
 
-.sapUiTfCombo > select{
+.sapUiTfCombo > select {
 	background-color: transparent;
 	height: 100%;
 	opacity: 0;
@@ -20,31 +21,31 @@
 	width: 100%;
 }
 
-.sapUiTfCombo > select + input{
+.sapUiTfCombo > select + input {
 	/*to put input field over select and make it focused on click*/
 	position: relative;
 }
 
-.sapUiTfCombo > input + select{ /* DropdownBox */
+.sapUiTfCombo > input + select { /* DropdownBox */
 	left: 0;
 }
 
-.sapUiTfComboIcon{
+.sapUiTfComboIcon {
 	right: 0;
 	overflow: visible;
 	display: inline;
 	position: absolute;
 	font-size: 0;
 	color: transparent;
-	-moz-user-select: none;
 	-webkit-user-select: none;
+	user-select: none;
 }
 
-.sapUiTfStd > .sapUiTfComboIcon{
+.sapUiTfStd > .sapUiTfComboIcon {
 	cursor: pointer;
 }
 
-.sapUiComboPopup>* {
+.sapUiComboPopup > * {
 	visibility: hidden;
 	/* initially hidden off the screen */
 	position: absolute;

package/src/sap/ui/commons/themes/base/DatePicker.less

@@ -1,17 +1,17 @@
-/* ============================================= */
-/* CSS for control commons/DatePicker.control    */
-/* ============================================= */
-/****************************************************************/
-/*                       Base DATEPICKER                        */
-/****************************************************************/
+/* =================================== */
+/* CSS for control commons/DatePicker  */
+/* Base theme                          */
+/* =================================== */
+
+/* Base DATEPICKER */
 
 /* calendar icon */
 .sapUiTfCombo > .sapUiTfDateIcon {
-	background-image: url(img/datepicker/icon_cal.png);
+	background-image: url('img/datepicker/icon_cal.png');
 	background-repeat: no-repeat;
 	background-position: center;
 	background-color: transparent;
-	border-width: 0 0 0 1px;  /* Placeholder for active and hover */
+	border-width: 0 0 0 1px; /* Placeholder for active and hover */
 	border-style: solid;
 	border-color: transparent;
 	display: inline;
@@ -20,27 +20,25 @@
 	right: 0;
 }
 
-.sapUiTfStd > .sapUiTfDateIcon{
+.sapUiTfStd > .sapUiTfDateIcon {
 	cursor: pointer;
 }
 
 /* Disabled icon */
 .sapUiTfCombo.sapUiTfDsbl > .sapUiTfDateIcon {
-	background-image: url(img/datepicker/icon_cal_disabled.png);
+	background-image: url('img/datepicker/icon_cal_disabled.png');
 }
 
 .sapUiTableCellEdit .sapUiTfStd > .sapUiTfDateIcon:hover,
 .sapUiTableCellEdit .sapUiTfFoc > .sapUiTfDateIcon {
 	background-color: @sapUiWhiteBG;
-	background-image: url(img/datepicker/icon_cal.png), -moz-linear-gradient(top, @sapUiWhiteBG, @sapUiWhiteBG);
-	background-image: url(img/datepicker/icon_cal.png), -webkit-gradient(linear, left top, left bottom, from(@sapUiWhiteBG), to(@sapUiWhiteBG));
-	border-width: 0px;
+	background-image: url('img/datepicker/icon_cal.png');
+	border-width: 0;
 }
 
 .sapUiTableCellEdit .sapUiTfStd > .sapUiTfDateIcon:active,
 .sapUiTableCellEdit .sapUiTfFoc > .sapUiTfDateIcon:active {
 	background-color: @sapUiWhiteBG;
-	background-image: url(img/datepicker/icon_cal.png), -moz-linear-gradient(top, @sapUiWhiteBG, @sapUiWhiteBG 0px, @sapUiWhiteBG 13px, @sapUiWhiteBG 16px, @sapUiWhiteBG);
-	background-image: url(img/datepicker/icon_cal.png), -webkit-gradient(linear, left top, left bottom, from(@sapUiWhiteBG), color-stop(0.05, @sapUiWhiteBG), color-stop(0.75, @sapUiWhiteBG), color-stop(0.95, @sapUiWhiteBG),  to(@sapUiWhiteBG));
-	border-width: 0px;
+	background-image: url('img/datepicker/icon_cal.png');
+	border-width: 0;
 }

package/src/sap/ui/commons/themes/base/Image.less

@@ -1,11 +1,16 @@
+/* ===================================== */
+/* CSS for control sap.ui.commons/Image  */
+/* Base theme                            */
+/* ===================================== */
+
 .sapUiImg {
 	vertical-align: top;
 	border: none;
 }
 
 .sapUiImgNoSource {
-	width:0px;
-	height:0px;
+	width: 0;
+	height: 0;
 }
 
 .sapUiImgWithHandler {

package/src/sap/ui/commons/themes/base/InPlaceEdit.less

@@ -1,6 +1,7 @@
-/* ================================================== */
-/* CSS for control sap.ui.commons/InPlaceEdit.control */
-/* ================================================== */
+/* =========================================== */
+/* CSS for control sap.ui.commons/InPlaceEdit  */
+/* Base theme                                  */
+/* =========================================== */
 
 .sapUiIpeInvisible,
 .sapUiIpeInvisible.sapUiTv,
@@ -9,7 +10,7 @@
 	display: none;
 }
 
-.sapUiIpe{
+.sapUiIpe {
 	border: 1px solid transparent; /* to avoid reposition if border is painted on focus */
 	box-sizing: border-box;
 	overflow: hidden;
@@ -19,13 +20,13 @@
 }
 
 /* Content area if revert button is available*/
-.sapUiIpeUndo{
+.sapUiIpeUndo {
 	padding-right: 22px;
 }
 
 .sapUiIpe:hover,
-.sapUiIpeFocus{
-	border-color: @sapUiHighlight;
+.sapUiIpeFocus {
+	border-color: var(--sapHighlightColor);
 	cursor: text;
 	outline: none;
 }
@@ -33,111 +34,110 @@
 .sapUiIpe.sapUiIpeRo:hover,
 .sapUiIpeFocus.sapUiIpeRo,
 .sapUiIpe.sapUiIpeLink:hover,
-.sapUiIpeFocus.sapUiIpeLink{
+.sapUiIpeFocus.sapUiIpeLink {
 	border-color: transparent;
 	cursor: default;
 }
 
 /* disable outline on display controls - focus is visualized on outer DIV */
 .sapUiIpeFocus .sapUiTv,
-.sapUiIpeFocus .sapUiLnk:focus{
+.sapUiIpeFocus .sapUiLnk:focus {
 	outline: none;
 }
 
-.sapUiIpeUndo{
-	background-color: @sapUiListHoverBackground;
+.sapUiIpeUndo {
+	background-color: var(--sapList_Hover_Background);
 }
 
 .sapUiIpeEdit,
-.sapUiIpeEdit.sapUiIpeUndo{
+.sapUiIpeEdit.sapUiIpeUndo {
 	border: none;
-	background-color: @sapUiFieldBackground;
+	background-color: var(--sapField_Background);
 }
 
 /* success state */
 .sapUiIpeSucc,
-.sapUiIpeUndo.sapUiIpeSucc{
-	border-color: @sapUiFieldSuccessColor;
-	background-color: @sapUiFieldSuccessBackground;
+.sapUiIpeUndo.sapUiIpeSucc {
+	border-color: var(--sapField_SuccessColor);
+	background-color: var(--sapField_SuccessBackground);
 }
 
 /* invalid state */
 .sapUiIpeErr,
-.sapUiIpeUndo.sapUiIpeErr{
-	border-color: @sapUiFieldInvalidColor;
-	background-color: @sapUiFieldInvalidBackground;
+.sapUiIpeUndo.sapUiIpeErr {
+	border-color: var(--sapField_InvalidColor);
+	background-color: var(--sapField_InvalidBackground);
 }
 
 /* warning state */
 .sapUiIpeWarn,
-.sapUiIpeUndo.sapUiIpeWarn{
-	border-color: @sapUiFieldWarningColor;
-	background-color: @sapUiFieldWarningBackground;
+.sapUiIpeUndo.sapUiIpeWarn {
+	border-color: var(--sapField_WarningColor);
+	background-color: var(--sapField_WarningBackground);
 }
 
 /* Content area if revert button is available*/
-.sapUiIpeCont{
+.sapUiIpeCont {
 	height: 100%;
 	position: relative;
 	overflow: hidden;
 }
 
-.sapUiIpeLink > .sapUiIpeCont{
+.sapUiIpeLink > .sapUiIpeCont {
 	display: inline-block;
 	box-sizing: border-box;
 	max-width: 100%;
 }
 
-.sapUiIpeEdit.sapUiIpeLink > .sapUiIpeCont{
+.sapUiIpeEdit.sapUiIpeLink > .sapUiIpeCont {
 	display: block;
 	box-sizing: content-box;
 	padding-right: auto;
 }
 
 .sapUiIpeLink:hover > .sapUiIpeCont,
-.sapUiIpeFocus.sapUiIpeLink > .sapUiIpeCont{
+.sapUiIpeFocus.sapUiIpeLink > .sapUiIpeCont {
 	padding-right: 20px;
 }
 
-.sapUiIpeEdit.sapUiIpeFocus.sapUiIpeLink > .sapUiIpeCont{
+.sapUiIpeEdit.sapUiIpeFocus.sapUiIpeLink > .sapUiIpeCont {
 	padding-right: 0;
 }
 
 /* Revert/Edit Button */
 .sapUiIpe > .sapUiBtnS.sapUiBtnLite,
-.sapUiIpeCont > .sapUiBtnS.sapUiBtnLite{
+.sapUiIpeCont > .sapUiBtnS.sapUiBtnLite {
 	position: absolute;
 	right: -1px; /*because of border of outer DIV in display mode*/
-	/*top: -1px;*/ /*because of border of outer DIV in display mode*/
 	top: 0;
 	height: 100%;
 }
 
-.sapUiIpeEdit > .sapUiBtnS.sapUiBtnLite{
+.sapUiIpeEdit > .sapUiBtnS.sapUiBtnLite {
 	visibility: hidden;
-	border-color: @sapUiHighlight;
+	border-color: var(--sapHighlightColor);
 	right: 0;
 	top: 0;
 	border-style: solid;
 	border-width: 1px 1px 1px 0;
 }
 
-.sapUiIpeEdit.sapUiIpeUndo > .sapUiBtnS.sapUiBtnLite{
+.sapUiIpeEdit.sapUiIpeUndo > .sapUiBtnS.sapUiBtnLite {
 	visibility: visible;
 }
 
-.sapUiIpeCont > a{
+.sapUiIpeCont > a {
 	height: 100%;
 	padding-right: 2px; /* to have some space before edit button */
 }
 
-.sapUiIpeEBtn{
+.sapUiIpeEBtn {
 	visibility: hidden;
 }
 
 .sapUiIpe:hover > .sapUiIpeEBtn,
 .sapUiIpeFocus > .sapUiIpeEBtn,
 .sapUiIpe:hover > .sapUiIpeCont > .sapUiIpeEBtn,
-.sapUiIpeFocus > .sapUiIpeCont > .sapUiIpeEBtn{
+.sapUiIpeFocus > .sapUiIpeCont > .sapUiIpeEBtn {
 	visibility: visible;
 }

package/src/sap/ui/commons/themes/base/Label.less

@@ -1,6 +1,7 @@
-/* ============= */
-/* Label control */
-/* ============= */
+/* ===================================== */
+/* CSS for control sap.ui.commons/Label  */
+/* Base theme                            */
+/* ===================================== */
 
 .sapUiLbl {
 	vertical-align: top;
@@ -31,21 +32,21 @@
 }
 
 /* a label for a required control */
-.sapUiLbl.sapUiLblReqEnd:after {
+.sapUiLbl.sapUiLblReqEnd::after {
 	padding-left: 5px;
 }
 
-.sapUiLbl.sapUiLblReqBeg:before {
+.sapUiLbl.sapUiLblReqBeg::before {
 	padding-right: 5px;
 }
 
 .sapUiLbLReqInd { /* to allow reuse */
-	content : '*';
-	color: @sapUiFieldInvalidColor;
+	content: '*';
+	color: var(--sapField_InvalidColor);
 }
 
-.sapUiLbl.sapUiLblReqEnd:after,
-.sapUiLbl.sapUiLblReqBeg:before {
+.sapUiLbl.sapUiLblReqEnd::after,
+.sapUiLbl.sapUiLblReqBeg::before {
 	.sapUiLbLReqInd;
 }
 
@@ -55,7 +56,7 @@
 
 /* Do not invert for table */
 .sapUiInverted-CTX .sapUiTable .sapUiLbl {
-	color: @sapUiBaseText;
+	color: var(--sapTextColor);
 }
 
 /* ============================ */
@@ -63,28 +64,30 @@
 /* ============================ */
 
 /* GridLayout */
-td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapUiLbl{
+td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapUiLbl {
 	max-width: 100%;
 	float: right;
 }
 
 /* required symbol is now left - if indicator is already at begin, don't change it */
-td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapUiLbl.sapUiLblReqEnd:after {
+td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapUiLbl.sapUiLblReqEnd::after {
 	padding-left: 0;
-	content : '';
+	content: '';
 }
 
-td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapUiLbl.sapUiLblReqEnd:before {
+td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapUiLbl.sapUiLblReqEnd::before {
+
 	.sapUiLbLReqInd;
 }
 
 /* ResponsiveLayout */
-.sapUiRLElementWithLabel > .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child:not(.sapUiRFLFullLength) > div > .sapUiLbl.sapUiLblReqEnd:after { /* required symbol is now left */
+.sapUiRLElementWithLabel > .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child:not(.sapUiRFLFullLength) > div > .sapUiLbl.sapUiLblReqEnd::after { /* required symbol is now left */
 	padding-left: 0;
-	content : '';
+	content: '';
 }
 
-.sapUiRLElementWithLabel > .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child:not(.sapUiRFLFullLength) > div > .sapUiLbl.sapUiLblReqEnd:before {
+.sapUiRLElementWithLabel > .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child:not(.sapUiRFLFullLength) > div > .sapUiLbl.sapUiLblReqEnd::before {
+
 	.sapUiLbLReqInd;
 }
 
@@ -101,30 +104,22 @@ td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapUiLbl.sapUiLblReqEnd:befor
 	float: right;
 }
 
-.sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapUiLbl.sapUiLblReqEnd:after,
-.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapUiLbl.sapUiLblReqEnd:after,
-.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapUiLbl.sapUiLblReqEnd:after,
-.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapUiLbl.sapUiLblReqEnd:after {
+.sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapUiLbl.sapUiLblReqEnd::after,
+.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapUiLbl.sapUiLblReqEnd::after,
+.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapUiLbl.sapUiLblReqEnd::after,
+.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapUiLbl.sapUiLblReqEnd::after {
 	padding-left: 0;
-	content : '';
+	content: '';
 }
 
-.sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapUiLbl.sapUiLblReqEnd:before,
-.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapUiLbl.sapUiLblReqEnd:before,
-.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapUiLbl.sapUiLblReqEnd:before,
-.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapUiLbl.sapUiLblReqEnd:before {
+.sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapUiLbl.sapUiLblReqEnd::before,
+.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapUiLbl.sapUiLblReqEnd::before,
+.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapUiLbl.sapUiLblReqEnd::before,
+.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapUiLbl.sapUiLblReqEnd::before {
+
 	.sapUiLbLReqInd;
 }
 
-/*
-.sapUiLblInfo{
-	position: absolute;
-	line-height: @sapUiLineHeight;
-	left: 0;
-	top: 0;
-	background-color: @sapBackgroundColor;
-}
-*/
 span.sapUiLblIco { /* icon font */
 	margin-top: 0;
 	line-height: @sapUiLineHeight;

package/src/sap/ui/commons/themes/base/Link.less

@@ -1,13 +1,14 @@
-/* ============= */
-/* Link control  */
-/* ============= */
+/* ==================================== */
+/* CSS for control sap.ui.commons/Link  */
+/* base theme                           */
+/* ==================================== */
 
 .sapUiLnk,
 .sapUiLnkDsbl {
-	font-family: @sapUiFontFamily;
+	font-family: var(--sapFontFamily);
 	font-size: @sapUiFontSize;
 	line-height: @sapUiLineHeight;
-	color: @sapUiLink;
+	color: var(--sapLinkColor);
 	vertical-align: top;
 	white-space: nowrap;
 	overflow: hidden;
@@ -17,28 +18,28 @@
 
 .sapUiLnk:active,
 .sapUiLnk:focus {
-	color: @sapUiLinkActive;
+	color: var(--sapLink_Active_Color);
 }
 
 .sapUiLnk:visited {
-	color: @sapUiLinkVisited;
+	color: var(--sapLink_Visited_Color);
 }
 
 .sapUiLnk:hover {
-	color: @sapUiLinkHover;
+	color: var(--sapLink_Hover_Color);
 }
 
 .sapUiLnkDsbl {
-	color: @sapUiContentDisabledTextColor;
+	color: var(--sapContent_DisabledTextColor);
 	cursor: default;
 }
 
 /* If control is used on black/dark background */
 .sapUiInverted-CTX .sapUiLnk {
-	color: @sapUiLinkInverted;
+	color: var(--sapLink_InvertedColor);
 }
 
 /* Do not invert for table */
 .sapUiInverted-CTX .sapUiTable .sapUiLnk {
-	color: @sapUiLink;
+	color: var(--sapLinkColor);
 }

package/src/sap/ui/commons/themes/base/ListBox.less

@@ -1,18 +1,24 @@
+/* ======================================= */
+/* CSS for control sap.ui.commons/ListBox  */
+/* base theme                              */
+/* ======================================= */
+
 @_sap_ui_commons_ListBox_BorderRadius: 0;
 
 .sapUiLbx {
 	box-sizing: border-box;
 	border: 1px solid @sapUiDarkBorder;
 	border-radius: @_sap_ui_commons_ListBox_BorderRadius;
-	background-color: @sapUiFieldBackground;
+	background-color: var(--sapField_Background);
 	display: inline-block;
 	padding: 1px 0;
 	cursor: default;
 	overflow-x: hidden;
 	overflow-y: auto;
 	white-space: nowrap;
-	-moz-user-select: none; /*disable ugly text selection - for other browsers the onselectstart event is used */
-	color: @sapUiBaseText;
+	-webkit-user-select: none;
+	user-select: none;
+	color: var(--sapTextColor);
 }
 
 .sapUiLbxSep {
@@ -28,7 +34,6 @@
 	height: 2px;
 	background-color: @sapUiMediumBorder;
 	background-clip: padding-box;
-	-webkit-background-clip: padding;
 }
 
 .sapUiLbxSep > hr:first-child {
@@ -42,18 +47,18 @@
 .sapUiLbxStd > ul > .sapUiLbxISel > span, /* Fix for IE10 bug - need to set the color on children as well */
 .sapUiLbxStd > ul > .sapUiLbxISel {
 	color: @sapUiTextSelection;
-	background-color: @sapUiHighlight;
+	background-color: var(--sapHighlightColor);
 }
 
 .sapUiLbxDis,
 .sapUiLbxIDis {
-	color: @sapUiContentDisabledTextColor;
+	color: var(--sapContent_DisabledTextColor);
 	border-color: @sapUiDarkBorder;
 }
 
 .sapUiLbxDis,
 .sapUiLbxStd > ul > .sapUiLbxIDis {
-	background-color: @sapUiFieldReadOnlyBackground;
+	background-color: var(--sapField_ReadOnly_Background);
 }
 
 .sapUiLbxDis > ul .sapUiLbxIIco > img,
@@ -62,7 +67,7 @@
 }
 
 .sapUiLbxRo {
-	background-color: @sapUiFieldReadOnlyBackground;
+	background-color: var(--sapField_ReadOnly_Background);
 }
 
 .sapUiLbxITxt {
@@ -104,10 +109,6 @@
 	padding-left: 6px;
 }
 
-html[data-sap-ui-browser^="ie"] .sapUiLbx.sapUiLbxFlexWidth > ul > li > span:last-child {
-	padding-right: 2px;
-}
-
 .sapUiLbx.sapUiLbxFlexWidth > ul > li > span:last-child {
 	padding-right: 18px; /* above mentioned problem does not appear in IE9 */
 }
@@ -123,4 +124,4 @@ html[data-sap-ui-browser^="ie"] .sapUiLbx.sapUiLbxFlexWidth > ul > li > span:las
 
 .sapUiLbxIIco > img {
 	vertical-align: middle;
-}
+}

package/src/sap/ui/commons/themes/base/MenuBar.less

@@ -1,3 +1,8 @@
+/* ======================================= */
+/* CSS for control sap.ui.commons/MenuBar  */
+/* base theme                              */
+/* ======================================= */
+
 .sapUiMnuBar {
 	border: 1px solid black;
 	display: inline-block;
@@ -6,9 +11,6 @@
 	box-sizing: border-box;
 }
 
-.sapUiMnuBarHeader {
-}
-
 .sapUiMnuBarDsbl {
 	border: 1px solid lighten(@sapUiBlackBorder, 50);
 }
@@ -31,7 +33,7 @@
 	vertical-align: middle;
 }
 
-.sapUiMnuBarItm span{
+.sapUiMnuBarItm span {
 	padding-left: 5px;
 	padding-right: 5px;
 }
@@ -47,6 +49,6 @@
 	top: 2px;
 }
 
-.sapUiMnuBarOvrFlw:after{
-	content: ">>";
+.sapUiMnuBarOvrFlw::after {
+	content: '>>';
 }

package/src/sap/ui/commons/themes/base/MenuButton.less

@@ -1,6 +1,7 @@
-/* ===================================================== */
-/* Base for sap.ui.commons/MenuButton.control            */
-/* ===================================================== */
+/* ========================================== */
+/* CSS for control sap.ui.commons/MenuButton  */
+/* base theme                                 */
+/* ========================================== */
 
 .sapUiMenuButtonIco {
 	margin-left: 3px;
@@ -8,4 +9,4 @@
 	background-repeat: no-repeat;
 	width: 5px;
 	height: 5px;
-}
+}