UX: Increase footer copy limits (#113)

Increases the max length allow for the heading and blurb strings, allowing the component to accommodate longer brand copy.

This also tightens the footer heading line height and allows longer heading text to wrap cleanly when it spans multiple lines.

Author: sketchius

common/common.scss

@@ -21,8 +21,10 @@
     .heading {
       font-size: $font-up-2;
       font-weight: bold;
+      line-height: 1.15;
       margin-bottom: 0.5em;
       display: block;
+      overflow-wrap: anywhere;
     }
 
     .blurb {

locales/en.yml

@@ -2,9 +2,9 @@ en:
   theme_metadata:
     settings:
       heading:
-        description: "Text for the heading in the footer - you can use your site name for example - Max length 25 characters"
+        description: "Text for the heading in the footer - you can use your site name for example - Max length 60 characters"
       blurb:
-        description: "Enter a short blurb about your community - Max length 180 characters"
+        description: "Enter a short blurb about your community - Max length 300 characters"
       sections:
         description: "Sections to be displayed in the footer"
         schema:

settings.yml

@@ -1,6 +1,6 @@
 heading:
   default: "This is a header"
-  max: 25
+  max: 60
 
 heading_translations:
   type: objects
@@ -66,11 +66,11 @@ heading_translations:
         type: string
         required: true
         validations:
-          max_length: 25
+          max_length: 60
 
 blurb:
   default: "Ius vitae ornatus at, ei mea sumo quot dicant. Ei tale democritum eos, in mea timeam accumsan forensibus. Ei his aperiam suavitate. Et debitis convenire sea, viris dictas latine."
-  max: 180
+  max: 300
 
 blurb_translations:
   type: objects
@@ -136,7 +136,7 @@ blurb_translations:
         type: string
         required: true
         validations:
-          max_length: 180
+          max_length: 300
 
 sections:
   type: objects