Remove outside padding

TKirmani · Apr 12, 2017 · ba8ba7c · ba8ba7c
1 parent 3a0bc03
commit ba8ba7c
Showing 1 changed file with 17 additions and 1 deletion.
diff --git a/scss/components/_menu.scss b/scss/components/_menu.scss
@@ -64,4 +64,20 @@ table.menu.text-center a {
 //Centers the menus!
 .menu[align="center"] {
   width: auto !important;
-}
+}
+
+// Remove outside padding so that the menu aligns with other elements on the page
+.menu:not(.float-center) {
+    .menu-item:first-child{padding-left:0!important;}
+    .menu-item:last-child{padding-right:0!important;}
+}
+.menu.vertical .menu-item {
+    padding-left:0!important;
+    padding-right:0!important;
+}
+@media only screen and (max-width: #{$global-breakpoint}) {
+    .menu.small-vertical .menu-item {
+        padding-left:0!important;
+        padding-right:0!important;
+    }
+}