Standardize heading font size options, add larger size (Shopify#3498)

* Add gigantic heading size. * Use global translations in multirow. * Standardize heading font size offerings. * Change "Gigantic" to "Giant" * Set line height for new font size. * Update 10 translation files * Decrease Giant font size, update line height too. * Define line height for hxl. * Fix incorrect reference. * Set large line height to 1.1 all the time. * Adjust `vw` value in clamp so that the Giant font size is always larger than the Extra Large. * Change string to "Extra Extra Large" * Change text case. * Update 13 translation files * Update 4 translation files * Update 2 translation files * Update 1 translation file --------- Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>
Gravytrain-UK · Jun 7, 2024 · 628c032 · 628c032
1 parent c5b5d2d
commit 628c032
Show file tree

Hide file tree

Showing 40 changed files with 213 additions and 256 deletions.
diff --git a/assets/base.css b/assets/base.css
@@ -267,8 +267,14 @@ h5,
   word-break: break-word;
 }
 
+.hxxl {
+  font-size: clamp(calc(var(--font-heading-scale) * 5.6rem), 14vw, calc(var(--font-heading-scale) * 7.2rem));
+  line-height: 1.1;
+}
+
 .hxl {
   font-size: calc(var(--font-heading-scale) * 5rem);
+  line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
 }
 
 @media only screen and (min-width: 750px) {

diff --git a/locales/cs.schema.json b/locales/cs.schema.json
@@ -395,6 +395,9 @@
         },
         "options__4": {
           "label": "Extra velká"
+        },
+        "options__5": {
+          "label": "Extra extra velká"
         }
       },
       "image_shape": {
@@ -3289,18 +3292,6 @@
           "label": "Šířka obrázku v počítači",
           "info": "Obrázek se automaticky optimalizuje pro mobilní prostředí."
         },
-        "heading_size": {
-          "options__1": {
-            "label": "Malý"
-          },
-          "options__2": {
-            "label": "Střední"
-          },
-          "options__3": {
-            "label": "Velký"
-          },
-          "label": "Velikost nadpisu"
-        },
         "text_style": {
           "options__1": {
             "label": "Hlavní část"

diff --git a/locales/da.schema.json b/locales/da.schema.json
@@ -395,6 +395,9 @@
         },
         "options__4": {
           "label": "Ekstra stor"
+        },
+        "options__5": {
+          "label": "Ekstra, ekstra stor"
         }
       },
       "image_shape": {
@@ -3289,18 +3292,6 @@
           "label": "Billedbredde på computer",
           "info": "Billedet er automatisk optimeret til mobiltelefoner."
         },
-        "heading_size": {
-          "options__1": {
-            "label": "Lille"
-          },
-          "options__2": {
-            "label": "Mellem"
-          },
-          "options__3": {
-            "label": "Stor"
-          },
-          "label": "Størrelse for overskrift"
-        },
         "text_style": {
           "options__1": {
             "label": "Brødtekst"

diff --git a/locales/de.schema.json b/locales/de.schema.json
@@ -395,6 +395,9 @@
         },
         "options__4": {
           "label": "Extra groß"
+        },
+        "options__5": {
+          "label": "Extra, extra groß"
         }
       },
       "image_shape": {
@@ -3289,18 +3292,6 @@
           "label": "Desktop-Bildbreite",
           "info": "Bild wird automatisch für die mobile Nutzung optimiert."
         },
-        "heading_size": {
-          "options__1": {
-            "label": "Klein"
-          },
-          "options__2": {
-            "label": "Mittel"
-          },
-          "options__3": {
-            "label": "Groß"
-          },
-          "label": "Größe der Überschrift"
-        },
         "text_style": {
           "options__1": {
             "label": "Nachricht"

diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
@@ -413,6 +413,9 @@
         },
         "options__4": {
           "label": "Extra large"
+        },
+        "options__5": {
+          "label": "Extra extra large"
         }
       },
       "image_shape": {
@@ -1544,18 +1547,6 @@
           "label": "Desktop image width",
           "info": "Image is automatically optimized for mobile."
         },
-        "heading_size": {
-          "options__1": {
-            "label": "Small"
-          },
-          "options__2": {
-            "label": "Medium"
-          },
-          "options__3": {
-            "label": "Large"
-          },
-          "label": "Heading size"
-        },
         "text_style": {
           "options__1": {
             "label": "Body"

diff --git a/locales/es.schema.json b/locales/es.schema.json
@@ -395,6 +395,9 @@
         },
         "options__4": {
           "label": "Extra grande"
+        },
+        "options__5": {
+          "label": "Superextragrande"
         }
       },
       "image_shape": {
@@ -3289,18 +3292,6 @@
           "label": "Ancho de la imagen en la computadora",
           "info": "La imagen se optimiza automáticamente para el celular."
         },
-        "heading_size": {
-          "options__1": {
-            "label": "Pequeña"
-          },
-          "options__2": {
-            "label": "Mediana"
-          },
-          "options__3": {
-            "label": "Grande"
-          },
-          "label": "Tamaño del título"
-        },
         "text_style": {
           "options__1": {
             "label": "Cuerpo"

diff --git a/locales/fi.schema.json b/locales/fi.schema.json
@@ -395,6 +395,9 @@
         },
         "options__4": {
           "label": "Erittäin suuri"
+        },
+        "options__5": {
+          "label": "XXL"
         }
       },
       "image_shape": {
@@ -3289,18 +3292,6 @@
           "label": "Työpöytäkuvan leveys",
           "info": "Kuva optimoidaan automaattisesti mobiililaitteille."
         },
-        "heading_size": {
-          "options__1": {
-            "label": "Pieni"
-          },
-          "options__2": {
-            "label": "Keskisuuri"
-          },
-          "options__3": {
-            "label": "Suuri"
-          },
-          "label": "Otsikon koko"
-        },
         "text_style": {
           "options__1": {
             "label": "Leipäteksti"

diff --git a/locales/fr.schema.json b/locales/fr.schema.json
@@ -395,6 +395,9 @@
         },
         "options__4": {
           "label": "Très grand"
+        },
+        "options__5": {
+          "label": "Très très grand"
         }
       },
       "image_shape": {
@@ -3289,18 +3292,6 @@
           "label": "Largeur de l’image sur ordinateur",
           "info": "L’image est automatiquement optimisée pour les mobiles."
         },
-        "heading_size": {
-          "options__1": {
-            "label": "Petit"
-          },
-          "options__2": {
-            "label": "Moyenne"
-          },
-          "options__3": {
-            "label": "Grand"
-          },
-          "label": "Taille du titre"
-        },
         "text_style": {
           "options__1": {
             "label": "Corps"

diff --git a/locales/it.schema.json b/locales/it.schema.json
@@ -395,6 +395,9 @@
         },
         "options__4": {
           "label": "Extra large"
+        },
+        "options__5": {
+          "label": "Extra extra large"
         }
       },
       "image_shape": {
@@ -3289,18 +3292,6 @@
           "label": "Larghezza immagine su desktop",
           "info": "L'immagine viene automaticamente ottimizzata per il mobile."
         },
-        "heading_size": {
-          "options__1": {
-            "label": "Piccola"
-          },
-          "options__2": {
-            "label": "Media"
-          },
-          "options__3": {
-            "label": "Grande"
-          },
-          "label": "Dimensione titolo"
-        },
         "text_style": {
           "options__1": {
             "label": "Corpo"

diff --git a/locales/ja.schema.json b/locales/ja.schema.json
@@ -395,6 +395,9 @@
         },
         "options__4": {
           "label": "特大"
+        },
+        "options__5": {
+          "label": "4L"
         }
       },
       "image_shape": {
@@ -3289,18 +3292,6 @@
           "label": "デスクトップ画像の幅",
           "info": "画像はモバイル用に自動で最適化されます。"
         },
-        "heading_size": {
-          "options__1": {
-            "label": "小"
-          },
-          "options__2": {
-            "label": "中"
-          },
-          "options__3": {
-            "label": "大"
-          },
-          "label": "見出しのサイズ"
-        },
         "text_style": {
           "options__1": {
             "label": "本文"

diff --git a/locales/ko.schema.json b/locales/ko.schema.json
@@ -395,6 +395,9 @@
         },
         "options__4": {
           "label": "특대"
+        },
+        "options__5": {
+          "label": "매우 매우 크게"
         }
       },
       "image_shape": {
@@ -3289,18 +3292,6 @@
           "label": "데스크톱 이미지 너비",
           "info": "이미지는 자동으로 모바일에 최적화됩니다."
         },
-        "heading_size": {
-          "options__1": {
-            "label": "작게"
-          },
-          "options__2": {
-            "label": "보통"
-          },
-          "options__3": {
-            "label": "크게"
-          },
-          "label": "제목 크기"
-        },
         "text_style": {
           "options__1": {
             "label": "본문"

diff --git a/locales/nb.schema.json b/locales/nb.schema.json
@@ -395,6 +395,9 @@
         },
         "options__4": {
           "label": "Ekstra stort"
+        },
+        "options__5": {
+          "label": "Ekstra ekstra stor"
         }
       },
       "image_shape": {
@@ -3289,18 +3292,6 @@
           "label": "Bildebredde på datamaskiner",
           "info": "Bildet optimaliseres automatisk for mobil."
         },
-        "heading_size": {
-          "options__1": {
-            "label": "Liten"
-          },
-          "options__2": {
-            "label": "Medie"
-          },
-          "options__3": {
-            "label": "Stor"
-          },
-          "label": "Overskriftsstørrelse"
-        },
         "text_style": {
           "options__1": {
             "label": "Brødtekst"

diff --git a/locales/nl.schema.json b/locales/nl.schema.json
@@ -395,6 +395,9 @@
         },
         "options__4": {
           "label": "Extra groot"
+        },
+        "options__5": {
+          "label": "Extra extra groot"
         }
       },
       "image_shape": {
@@ -3289,18 +3292,6 @@
           "label": "Breedte van bureaubladafbeelding",
           "info": "De afbeelding wordt automatisch geoptimaliseerd voor mobiel."
         },
-        "heading_size": {
-          "options__1": {
-            "label": "Klein"
-          },
-          "options__2": {
-            "label": "Gemiddeld"
-          },
-          "options__3": {
-            "label": "Groot"
-          },
-          "label": "Grootte koptekst"
-        },
         "text_style": {
           "options__1": {
             "label": "Hoofdtekst"

diff --git a/locales/pl.schema.json b/locales/pl.schema.json
@@ -395,6 +395,9 @@
         },
         "options__4": {
           "label": "Bardzo duży"
+        },
+        "options__5": {
+          "label": "Bardzo, bardzo duży"
         }
       },
       "image_shape": {
@@ -3289,18 +3292,6 @@
           "label": "Szerokość obrazu na komputerze",
           "info": "Obraz jest automatycznie optymalizowany dla urządzeń mobilnych."
         },
-        "heading_size": {
-          "options__1": {
-            "label": "Mały"
-          },
-          "options__2": {
-            "label": "Średni"
-          },
-          "options__3": {
-            "label": "Duży"
-          },
-          "label": "Rozmiar nagłówka"
-        },
         "text_style": {
           "options__1": {
             "label": "Tekst podstawowy"