quatuorbellefeuille.com

commit 2eeda668db31cea1d47ca45907b839d6b0f5f2b9
parent e48e6a6f6a5b1920b8e920d699cfd516e50f426d
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Mon, 15 Feb 2021 13:11:17 +0100

Try to simplify margin/padding management

Diffstat:
M
stylesheets/actualités.css
 | 
7
++-----
M
stylesheets/commun.css
 | 
5
+++--
M
stylesheets/contact.css
 | 
5
-----
M
stylesheets/galerie.css
 | 
6
------
M
stylesheets/membre.css
 | 
5
-----
M
stylesheets/programmes.css
 | 
4
----
M
stylesheets/quatuor.css
 | 
2
--

7 files changed, 5 insertions(+), 29 deletions(-)
diff --git a/stylesheets/actualités.css b/stylesheets/actualités.css
@@ -46,7 +46,8 @@
     }
 
     main > div {
-        padding: 1em;
+        padding-left: 1em;
+        padding-right: 1em;
     }
 
     .events {
@@ -80,10 +81,6 @@
     .event:hover .summary {
         opacity: 1;
     }
-
-    .details.active > *:first-child {
-        margin-top: 0;
-    }
 }
 
 @media (max-width: 40em) {
diff --git a/stylesheets/commun.css b/stylesheets/commun.css
@@ -198,7 +198,8 @@ footer.legal {
     main {
         grid-row: 2;
         grid-column: 1 / -2;
-        padding-left: 4%;       /* TODO: remove? */
+        font-size: 1.2rem;
+        margin-left: 4em;
     }
 
     footer.social {
@@ -253,7 +254,7 @@ footer.legal {
     main {
         grid-row: 3;
         grid-column: 1 / -1;
-        padding: 0.8em;         /* TODO: remove? */
+        margin: 0.8em;
     }
 
     header.menu {
diff --git a/stylesheets/contact.css b/stylesheets/contact.css
@@ -2,11 +2,6 @@
     main {
         display: grid;
         grid-template-columns: 60% 40%;
-        padding-right: 4%;
-    }
-
-    main > div {
-        padding: 2%;
     }
 
     #contact-us dl {
diff --git a/stylesheets/galerie.css b/stylesheets/galerie.css
@@ -44,12 +44,6 @@
 }
 
 @media (min-width: 40em) {
-    main {
-        padding-top: 2%;
-        padding-bottom: 2%;
-        padding-right: 2%;
-    }
-
     .mosaic.photos {
         --mosaic-side: 14em;
     }
diff --git a/stylesheets/membre.css b/stylesheets/membre.css
@@ -4,11 +4,6 @@ main {
     align-items: center;
 }
 
-main > * {
-    margin-left: 2em;
-    margin-right: 2em;
-}
-
 #bio {
     justify-self: center;
 }
diff --git a/stylesheets/programmes.css b/stylesheets/programmes.css
@@ -53,10 +53,6 @@ details summary .duration {
         grid-template-columns: 50% 50%;
     }
 
-    main > div {
-        padding: 1em;
-    }
-
     .programs {
         --cell-width: 10em;
         --cell-height: 10em;
diff --git a/stylesheets/quatuor.css b/stylesheets/quatuor.css
@@ -13,7 +13,6 @@
     color: #404040;
 }
 
-
 #photos p.name {
     font-weight: bold;
 }
@@ -24,7 +23,6 @@
 
 @media (min-width: 40em) {
     main {
-        font-size: 1.2rem;
         max-width: 55em;
         justify-self: center;
     }