refactor(ui5-toolbar): move styles to base theme (#175)

Author: adrian-bobev

packages/main/src/themes/base/Toolbar.less

@@ -9,6 +9,13 @@
 /* CSS for control sap.m/Toolbar  */
 /* Base theme                     */
 /* ============================== */
+@_ui5_toolbar_info_base_height: 2rem;
+@_ui5_toolbar_info_base_margin: 0;
+@_ui5_toolbar_info_base_padding: 0 0.5rem;
+@_ui5_toolbar_info_base_bottom_border: none;
+@_ui5_toolbar_standard_border_color: transparent;
+@_ui5_toolbar_info_standard_border: none;
+@_ui5_toolbar_info_standard_border_radius: 0;
 
 :host(ui5-toolbar) {
 	display: block;
@@ -43,7 +50,8 @@ ui5-toolbar {
   }
 
   .sapMTBStandard {
-	  border-bottom: 1px solid @sapUiGroupTitleBorderColor;
+	  border: 1px solid @_ui5_toolbar_standard_border_color;
+	  border-bottom-color: @sapUiGroupTitleBorderColor;
   }
 
   /* Transparent Toolbar Context */
@@ -92,9 +100,19 @@ ui5-toolbar {
   .sapMTB-Info-CTX.sapMTB {
 	  background: @sapUiInfobarBackground;
 	  color: contrast(@sapUiInfobarBackground, @sapUiListActiveTextColor, @sapUiListTextColor, @sapUiContentContrastTextThreshold);
+	  height: @_ui5_toolbar_info_base_height;
+	  margin: @_ui5_toolbar_info_base_margin;
+	  padding: @_ui5_toolbar_info_base_padding;
+	  border-bottom: @_ui5_toolbar_info_base_bottom_border;
   }
 
-  /********** COMPACT DESIGN ************/
+	.sapMTB-Info-CTX.sapMTB.sapMTBStandard {
+		border: @_ui5_toolbar_info_standard_border;
+		border-radius: @_ui5_toolbar_info_standard_border_radius;
+	}
+
+
+/********** COMPACT DESIGN ************/
 
   /* toolbar has 2rem height in compact mode */
   .sapUiSizeCompact .sapMTB {

packages/main/src/themes/sap_belize/Toolbar.less

@@ -14,9 +14,3 @@
 /* Belize theme                   */
 /* ============================== */
 
-/* Info Toolbar Context */
-.sapMTB-Info-CTX.sapMTB {
-	height: 2rem;
-	padding: 0 0.5rem;
-	border-bottom: none;
-}

packages/main/src/themes/sap_belize_hcb/Toolbar.less

@@ -10,48 +10,10 @@
 @import "./base.less";
 @import "./global.less";
 
-html.sap-desktop .sapMTBActive:focus {
-	outline: 0.125rem dotted @sapUiContentContrastFocusColor;
-	outline-offset: -0.1875rem;
-}
-
-/* Info Toolbar Context */
-.sapMTB-Info-CTX.sapMTB {
-	height: 1.75rem;
-	padding: 0 .25rem 0 .5rem;
-	margin: 0.125rem 0.1875rem;
-}
-
-.sapMTB-Info-CTX.sapMTB.sapMTBStandard {
-	border: 0.125rem solid @sapUiGroupTitleBorderColor;
-	border-radius: 0.3125rem;
-}
-
-/* IE ignores outline-offset. Use an overlay: */
-/* TODO remove after 1.62 version */
-html[data-sap-ui-browser^="ie"].sap-desktop {
-	.sapMTBActive:focus {
-		outline: none;
-		position: relative;
-	}
-	.sapMTBActive:focus:before {
-		content: " ";
-		box-sizing: border-box;
-		width: calc(~'100% - 0.0625rem');
-		height: calc(~'100% - 0.0625rem');
-		position: absolute;
-		left: 0;
-		top: 0;
-		border: 0.125rem dotted @sapUiContentContrastFocusColor;
-		pointer-events: none;
-	}
-}
-
-/* HCB Additional Styles */
-.sapMTB-Solid-CTX.sapMTB.sapMTBStandard {
-	border: 1px solid @sapUiGroupTitleBorderColor;
-}
-
-.sapMFooter-CTX.sapMTB.sapMTBStandard {
-	border-top: 1px solid @sapUiPageFooterBorderColor;
-}
+@_ui5_toolbar_info_base_height: 1.75rem;
+@_ui5_toolbar_info_base_margin: .125rem .1875rem;
+@_ui5_toolbar_info_base_padding: 0 .25rem 0 .5rem;
+@_ui5_toolbar_info_base_bottom_border: none;
+@_ui5_toolbar_standard_border_color: @sapUiGroupTitleBorderColor;
+@_ui5_toolbar_info_standard_border: 0.125rem solid @sapUiGroupTitleBorderColor;
+@_ui5_toolbar_info_standard_border_radius: 0.3125rem;

packages/main/src/themes/sap_fiori_3/Toolbar.less

@@ -8,15 +8,3 @@
 /* ============================= */
 @import "./base.less";
 @import "./global.less";
-
-/* ============================== */
-/* CSS for control sap.m/Toolbar  */
-/* Belize theme                   */
-/* ============================== */
-
-/* Info Toolbar Context */
-.sapMTB-Info-CTX.sapMTB {
-	height: 2rem;
-	padding: 0 0.5rem;
-	border-bottom: none;
-}