Side borders on topbar hover

diff --git a/css/app.css b/css/app.css
index 5e810f1..05585dc 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6452,6 +6452,14 @@ header {
 .tab-bar .tab-bar-section.middle {
   text-align: right; }
 
+#menu-main-menu .top-bar-section ul li:hover:not(.has-form) > a {
+  border-left-width: 1px;
+  border-right-width: 1px;
+  border-top-width: 0;
+  border-bottom-width: 0;
+  border-color: #3a8bb6;
+  border-style: solid; }
+
 .top-bar-section {
   background: transparent;
   float: none;

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index 5c8b7ba..76d80b6 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -13,6 +13,14 @@
         text-align: right;
     }
 }
+#menu-main-menu .top-bar-section ul li:hover:not(.has-form) > a {
+    border-left-width: 1px;
+    border-right-width: 1px;
+    border-top-width: 0;
+    border-bottom-width: 0;
+    border-color: $l-blue;
+    border-style: solid;
+}
 .top-bar-section {
     background: transparent;
     float: none;