Additional padding and margin settings (#1110)

* Additional padding and margin settings Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>
Shopify · Jan 12, 2022 · 3a83ec7 · 3a83ec7
1 parent 49f90fd
commit 3a83ec7
Show file tree

Hide file tree

Showing 51 changed files with 524 additions and 165 deletions.
diff --git a/assets/base.css b/assets/base.css
@@ -982,6 +982,10 @@ summary::-webkit-details-marker {
   }
 }
 
+.grid:last-child {
+  margin-bottom: 0;
+}
+
 .grid__item {
   padding-left: var(--grid-mobile-horizontal-spacing);
   padding-bottom: var(--grid-mobile-vertical-spacing);

diff --git a/assets/collapsible-content.css b/assets/collapsible-content.css
@@ -28,20 +28,10 @@
   }
 }
 
-.collapsible-content__wrapper {
-  padding-top: 5rem;
-  padding-bottom: 3rem;
-}
-
 @media screen and (min-width: 750px) {
   .collapsible-content__grid--reverse {
     flex-direction: row-reverse;
   }
-
-  .collapsible-content__wrapper {
-    padding-top: 7rem;
-    padding-bottom: 4rem;
-  }
 }
 
 .collapsible-content-wrapper-narrow {
@@ -57,6 +47,7 @@
 
 .collapsible-content__heading {
   margin-bottom: 2rem;
+  margin-top: 0;
 }
 
 @media screen and (min-width: 750px) {

diff --git a/assets/component-slideshow.css b/assets/component-slideshow.css
@@ -3,24 +3,6 @@ slideshow-component {
   display: block;
 }
 
-.spaced-section--full-width:first-child slideshow-component.page-width {
-  margin-top: 5rem;
-}
-
-.spaced-section--full-width:last-child slideshow-component.page-width {
-  margin-bottom: 5rem;
-}
-
-@media screen and (min-width: 750px) {
-  .spaced-section--full-width:first-child slideshow-component.page-width {
-    margin-top: calc(5rem + var(--page-width-margin));
-  }
-
-  .spaced-section--full-width:last-child slideshow-component.page-width {
-    margin-bottom: calc(5rem + var(--page-width-margin));
-  }
-}
-
 @media screen and (max-width: 989px) {
   .no-js slideshow-component .slider {
     padding-bottom: 3rem;

diff --git a/assets/newsletter-section.css b/assets/newsletter-section.css
@@ -1,15 +1,3 @@
-.newsletter:not(.newsletter--narrow) .newsletter__wrapper.color-background-1 {
-  margin-top: 5rem;
-  margin-bottom: 5rem;
-}
-
-@media screen and (min-width: 750px) {
-  .newsletter:not(.newsletter--narrow) .newsletter__wrapper.color-background-1 {
-    margin-top: calc(5rem + var(--page-width-margin));
-    margin-bottom: calc(5rem + var(--page-width-margin));
-  }
-}
-
 .newsletter__wrapper {
   padding-right: calc(4rem / var(--font-body-scale));
   padding-left: calc(4rem / var(--font-body-scale));

diff --git a/assets/section-blog-post.css b/assets/section-blog-post.css
@@ -109,11 +109,13 @@
 
 .article-template__comment-wrapper {
   margin-top: 5rem;
+  padding: 2.7rem 0;
 }
 
 @media screen and (min-width: 750px) {
   .article-template__comment-wrapper {
     margin-top: 6rem;
+    padding: 3.6rem 0;
   }
 }
 

diff --git a/assets/section-collection-list.css b/assets/section-collection-list.css
@@ -76,3 +76,7 @@
     max-width: 100%;
   }
 }
+
+.collection-list-view-all {
+  margin-top: 2rem;
+}
diff --git a/assets/section-footer.css b/assets/section-footer.css
@@ -8,7 +8,6 @@
 
 .footer__content-top {
   padding-bottom: 5rem;
-  padding-top: 5rem;
   display: block;
 }
 
@@ -50,7 +49,6 @@
 .footer__content-bottom {
   border-top: solid 0.1rem rgba(var(--color-foreground), 0.08);
   padding-top: 3rem;
-  padding-bottom: 3rem;
 }
 
 .footer__content-bottom:only-child {

diff --git a/assets/template-collection.css b/assets/template-collection.css
@@ -53,3 +53,7 @@
   margin-top: 10rem;
   margin-bottom: 15rem;
 }
+
+.collection__view-all {
+  margin-top: 2rem;
+}
diff --git a/locales/cs.schema.json b/locales/cs.schema.json
@@ -337,7 +337,8 @@
         "section_padding_heading": "Vnitřní okraj sekce",
         "padding_top": "Horní vnitřní okraj",
         "padding_bottom": "Dolní vnitřní okraj"
-      }
+      },
+      "spacing": "Rozestupy"
     },
     "announcement-bar": {
       "name": "Panel oznámení",
@@ -685,6 +686,9 @@
         },
         "payment_enable": {
           "label": "Zobrazit ikony plateb"
+        },
+        "margin_top": {
+          "label": "Horní okraj"
         }
       }
     },
@@ -738,6 +742,9 @@
             "label": "Inverze"
           },
           "label": "Barevné schéma"
+        },
+        "margin_bottom": {
+          "label": "Dolní okraj"
         }
       }
     },

diff --git a/locales/da.schema.json b/locales/da.schema.json
@@ -337,7 +337,8 @@
         "section_padding_heading": "Indre margen, afsnit",
         "padding_top": "Indre margen, top",
         "padding_bottom": "Indre margen, bund"
-      }
+      },
+      "spacing": "Mellemrum"
     },
     "announcement-bar": {
       "name": "Meddelelseslinje",
@@ -685,6 +686,9 @@
         },
         "payment_enable": {
           "label": "Vis betalingsikoner"
+        },
+        "margin_top": {
+          "label": "Øverste margen"
         }
       }
     },
@@ -738,6 +742,9 @@
             "label": "Omvendt"
           },
           "label": "Farveskema"
+        },
+        "margin_bottom": {
+          "label": "Nederste margen"
         }
       }
     },

diff --git a/locales/de.schema.json b/locales/de.schema.json
@@ -337,7 +337,8 @@
         "section_padding_heading": "Abschnitts-Padding",
         "padding_top": "Oberes Padding",
         "padding_bottom": "Unteres Padding"
-      }
+      },
+      "spacing": "Abstand"
     },
     "announcement-bar": {
       "name": "Ankündigungsleiste",
@@ -685,6 +686,9 @@
         },
         "payment_enable": {
           "label": "Zahlungssymbole anzeigen"
+        },
+        "margin_top": {
+          "label": "Oberer Rand"
         }
       }
     },
@@ -738,6 +742,9 @@
             "label": "Invertiert"
           },
           "label": "Farbschema"
+        },
+        "margin_bottom": {
+          "label": "Unterer Rand"
         }
       }
     },

diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
@@ -337,7 +337,8 @@
         "section_padding_heading": "Section padding",
         "padding_top": "Top padding",
         "padding_bottom": "Bottom padding"
-      }
+      },
+      "spacing": "Spacing"
     },
     "announcement-bar": {
       "name": "Announcement bar",
@@ -807,6 +808,9 @@
         },
         "payment_enable": {
           "label": "Show payment icons"
+        },
+        "margin_top": {
+          "label": "Top margin"
         }
       }
     },
@@ -860,6 +864,9 @@
         "enable_sticky_header": {
           "label": "Enable sticky header",
           "info": "Header shows on the screen as customers scroll up."
+        },
+        "margin_bottom": {
+          "label": "Bottom margin"
         }
       }
     },

diff --git a/locales/es.schema.json b/locales/es.schema.json
@@ -223,7 +223,8 @@
         "section_padding_heading": "Relleno de sección",
         "padding_top": "Relleno superior",
         "padding_bottom": "Relleno inferior"
-      }
+      },
+      "spacing": "Espaciado"
     },
     "announcement-bar": {
       "name": "Barra de anuncios",
@@ -624,6 +625,9 @@
         },
         "payment_enable": {
           "label": "Mostrar íconos de pago"
+        },
+        "margin_top": {
+          "label": "Margen superior"
         }
       }
     },
@@ -677,6 +681,9 @@
             "label": "Invertir"
           },
           "label": "Esquema de colores"
+        },
+        "margin_bottom": {
+          "label": "Margen inferior"
         }
       }
     },

diff --git a/locales/fi.schema.json b/locales/fi.schema.json
@@ -223,7 +223,8 @@
         "section_padding_heading": "Osion täyttö",
         "padding_top": "Yläosan täyttö",
         "padding_bottom": "Alaosan täyttö"
-      }
+      },
+      "spacing": "Väli"
     },
     "announcement-bar": {
       "name": "Ilmoituspalkki",
@@ -624,6 +625,9 @@
         },
         "payment_enable": {
           "label": "Näytä maksukuvakkeet"
+        },
+        "margin_top": {
+          "label": "Yläreunus"
         }
       }
     },
@@ -677,6 +681,9 @@
             "label": "Käänteinen"
           },
           "label": "Värimalli"
+        },
+        "margin_bottom": {
+          "label": "Alareunus"
         }
       }
     },

diff --git a/locales/fr.schema.json b/locales/fr.schema.json
@@ -337,7 +337,8 @@
         "section_padding_heading": "Marge de la section",
         "padding_top": "Marge supérieure",
         "padding_bottom": "Marge inférieure"
-      }
+      },
+      "spacing": "Espacement"
     },
     "announcement-bar": {
       "name": "Barre d'annonces",
@@ -685,6 +686,9 @@
         },
         "payment_enable": {
           "label": "Afficher les icônes de paiement"
+        },
+        "margin_top": {
+          "label": "Marge supérieure"
         }
       }
     },
@@ -738,6 +742,9 @@
             "label": "Inverser"
           },
           "label": "Combinaison de couleurs"
+        },
+        "margin_bottom": {
+          "label": "Marge inférieure"
         }
       }
     },

diff --git a/locales/it.schema.json b/locales/it.schema.json
@@ -223,7 +223,8 @@
         "section_padding_heading": "Spaziatura sezione",
         "padding_top": "Spaziatura superiore",
         "padding_bottom": "Spaziatura inferiore"
-      }
+      },
+      "spacing": "Spaziatura"
     },
     "announcement-bar": {
       "name": "Barra degli annunci",
@@ -624,6 +625,9 @@
         },
         "payment_enable": {
           "label": "Mostra le icone di pagamento"
+        },
+        "margin_top": {
+          "label": "Margine superiore"
         }
       }
     },
@@ -677,6 +681,9 @@
             "label": "Inverso"
           },
           "label": "Schema di colori"
+        },
+        "margin_bottom": {
+          "label": "Margine inferiore"
         }
       }
     },

diff --git a/locales/ja.schema.json b/locales/ja.schema.json
@@ -337,7 +337,8 @@
         "section_padding_heading": "セクションの余白",
         "padding_top": "上部の余白",
         "padding_bottom": "下部の余白"
-      }
+      },
+      "spacing": "間隔"
     },
     "announcement-bar": {
       "name": "告知バー",
@@ -685,6 +686,9 @@
         },
         "payment_enable": {
           "label": "決済アイコンを表示する"
+        },
+        "margin_top": {
+          "label": "上マージン"
         }
       }
     },
@@ -738,6 +742,9 @@
             "label": "反転"
           },
           "label": "配色"
+        },
+        "margin_bottom": {
+          "label": "下マージン"
         }
       }
     },