change(tabs): removed bottom margin from tabs menu

- when you use the tab within a section with a dark bg color the menu will seem out of place compared to it's body content
eea · Oct 4, 2022 · e9a1089 · e9a1089
1 parent 0961077
commit e9a1089
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/less/menu.less b/src/less/menu.less
@@ -11,6 +11,10 @@
     display: none !important;
   }
 
+  .ui.menu {
+    margin-bottom: @menuMarginButton;
+  }
+
   > .styled > .tabs > .ui.menu,
   > .styled > .tabs > .ui.grid > .column > .ui.menu,
   > .tabs > .ui.menu,

diff --git a/src/less/menu.variables b/src/less/menu.variables
@@ -2,6 +2,8 @@
             Tabs menu
 *******************************/
 
+@menuMarginButton: 0;
+
 /* Menu title */
 @menuTitleFontSize: 24px;
 @menuTitleFontWeight: normal;