Background a menú desplegable para mejor legibilidad

gilgerok · gilgerok · commit bf78094e2531 · 2022-07-08T00:25:38.000-03:00
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -127,6 +127,11 @@ article {
   height: 5rem; }
   .navbarAstor .navbar__logo img {
     height: 2rem; }
+  .navbarAstor .collapse.show,
+  .navbarAstor .collapsing {
+    margin-top: 1rem;
+    padding-right: 1rem;
+    background-color: #03658C; }
 
 .header *, .header--home * {
   color: #FFFFFF; }
diff --git a/assets/scss/_navbar.scss b/assets/scss/_navbar.scss
@@ -1,32 +1,17 @@
 .navbarAstor {
     background-color: $azulOscuro;
     height: 5rem;
+
     .navbar__logo {
         img {
             height: 2rem;
         }
     }
-}
 
-// .navbar__menu {
-//     height: 100%;
-//     ul {
-//         list-style: none;
-//         height: 100%;
-//         display: flex;
-//         justify-content: stretch;
-//         a {
-//             display: flex;
-//             font-weight: 600;
-//             border-bottom: 2px $azulOscuro solid;
-//             align-items: center;
-//             justify-content: center;
-//             padding: 0 1.5rem;
-//             &:hover {
-//                 border-bottom: 2px $blanco solid;
-//                 color: #e25d8e;
-//                 transform: scale(1.1);
-//             }
-//         }
-//     }
-// }
+    .collapse.show,
+    .collapsing {
+        margin-top: 1rem;
+        padding-right: 1rem;
+        background-color: $azulVerdoso;
+    }
+}
