add center_content option to intro section

README.md

@@ -45,6 +45,7 @@ The `intro` template is used to create an introduction section within a modular
 - `use_footer_links` - Whether the `footer_links` from the site-wide customization should also appear in this section. See the *Customization* section below for more information about `footer_links`.
 - `links` - A list of icon links to be displayed. Each link needs to specify a `link` (the URL to which it points) and an `icon` (Font-Awesome CSS classes, such as `fas fa-code`). These links will be displayed after the `footer_links` if `use_footer_links` is true.
 - `img_alt` - The alt text to be used for the image in this section.
+- `center_content` - If true, the content (not the Custom Intro Image) will be centered instead of left-aligned.
 
 #### About
 

blueprints/modular/intro.yaml

@@ -58,3 +58,15 @@ form:
                   label: Alt Text
                   validate:
                     type: textarea
+
+                header.center_content:
+                  type: toggle
+                  label: Center Content
+                  highlight: 1
+                  default: 0
+                  description: If activated, the content (not the Custom Intro Image) will be centered instead of left-aligned.
+                  options:
+                    1: PLUDIN_ADMIN.YES
+                    0: PLUDIN_ADMIN.NO
+                  validate:
+                    type: bool

scss/util.scss

@@ -103,6 +103,10 @@
     margin-right: auto;
 }
 
+.center-text {
+    text-align: center;
+}
+
 // css variables
 
 :root {

templates/modular/intro.html.twig

@@ -8,7 +8,7 @@
             {{ image.html('', page.header.img_alt, 'intro__img')|raw }}
         {% endif %}
 
-        <div class="intro__content {% if image %} with-img {% endif %}">
+        <div class="intro__content {% if image %} with-img {% endif %} {% if page.header.center_content %} center-text {% endif %}">
             {{ content|raw }}
 
             <div class="intro__links">