Added section component

madebyshape · Feb 19, 2020 · 980b79a · 980b79a
1 parent fc5342a
commit 980b79a
Showing 1 changed file with 35 additions and 0 deletions.
diff --git a/templates/_components/layout/section.twig b/templates/_components/layout/section.twig
@@ -0,0 +1,35 @@
+{#
+   Section
+   Outputs section layout with correct padding and container.
+
+   @type {embed}
+   @param {string} padding
+   @param {string} class
+   @param {bool} container
+
+#}
+
+{% if padding is not defined %}
+    {% set padding = 'topBottom' %}
+{% endif %}
+
+{% set paddingClass = {
+    top: 'pt-32',
+    bottom: 'pb-32',
+    topBottom: 'py-32',
+} %}
+
+<div class="section {{ class is defined ? class : 'bg-white' }} {{ attribute(paddingClass, padding) }}">
+
+    {% if container is not defined %}
+        <div class="section__container">
+    {% endif %}
+
+    {% block sectionContent %}
+    {% endblock %}
+
+    {% if container is not defined %}
+        </div>
+    {% endif %}
+
+</div>