fix(style): removed double bottom border and added padding for < 64 r…

…em (#1303)
dequelabs · Jan 4, 2024 · c37994c · c37994c
1 parent b991497
commit c37994c
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/styles/navbar.css b/packages/styles/navbar.css
@@ -26,14 +26,14 @@
   align-items: center;
   background-color: var(--top-nav-background-color);
   color: var(--top-nav-text-color);
-  border-bottom: 1px solid var(--top-nav-border-bottom-color);
 }
 
 .NavBar > ul {
   width: 100%;
   list-style-type: none;
   display: flex;
   z-index: var(--z-index-top-nav);
+  border-bottom: 1px solid var(--top-nav-border-bottom-color);
 }
 
 .NavBar > ul > li {
@@ -45,7 +45,6 @@
   display: flex;
   align-items: center;
   background-color: var(--top-nav-background-color);
-  border-bottom: 1px solid var(--top-nav-border-bottom-color);
   border-right: 1px solid var(--top-nav-box-shadow-color);
   transition: background-color 0.3s ease;
 }
@@ -148,6 +147,12 @@
   margin-right: var(--space-smallest);
 }
 
+@media (max-width: 64rem) {
+  .NavBar {
+    padding: 0 var(--space-small);
+  }
+}
+
 @media (max-width: 61.25rem) {
   .NavBar > ul > li {
     font-size: var(--text-size-small);