quatuorbellefeuille.com

commit bfdff0fb71fdc0cb9b006f8324e90e1b8a18b825
parent abe13f4e73c2e15b26ef9fa3334e88ad97c5a126
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Mon,  8 Mar 2021 22:49:29 +0100

Merge branch 'accueil-contraste'

Diffstat:
M
stylesheets/commun.css
 | 
11
++++-------
M
stylesheets/index.css
 | 
10
++++++++++

2 files changed, 14 insertions(+), 7 deletions(-)
diff --git a/stylesheets/commun.css b/stylesheets/commun.css
@@ -117,7 +117,7 @@ footer.legal {
 
         min-height: 100vh;
         display: grid;
-        grid-template-columns: 2fr 1fr 4fr 1fr auto;
+        grid-template-columns: 2fr 1fr 4fr 2fr auto;
         grid-template-rows: auto 1fr auto;
     }
 
@@ -130,13 +130,10 @@ footer.legal {
     }
 
     header.menu {
-        grid-column: 3 / -2;
-        display: grid;
-        grid-template-columns: 3fr 1fr;
+        grid-column: 3;
     }
 
     header.menu nav {
-        grid-column: 1;
         margin-top: var(--menu-top-margin);
     }
 
@@ -163,7 +160,7 @@ footer.legal {
 
     @media (min-width: 80em) {
         nav > ol {
-            grid-template-columns: repeat(auto-fill, minmax(8em, 1fr));
+            grid-template-columns: repeat(4, minmax(8em, 1fr));
         }
     }
 
@@ -214,7 +211,7 @@ footer.legal {
     footer.social {
         grid-row: 1 / -2;
         grid-column: 5;
-        padding: var(--menu-top-margin) 1em 0;
+        margin: var(--menu-top-margin) 1em 0;
     }
 
     footer.social a {
diff --git a/stylesheets/index.css b/stylesheets/index.css
@@ -70,3 +70,13 @@ a#next-concert:hover {
         top: 10%;
      }
 }
+
+@media (min-width: 40em) {
+    header.menu > nav {
+        background: #0004;
+    }
+
+    nav li.dropdown ul {
+        background: #0004;
+    }
+}