add content
This commit is contained in:
@@ -41,10 +41,10 @@ Parameters:
|
||||
{% if 2 < columns | length %}
|
||||
{% set row_class = row_class ~ " lg:items-start" %}
|
||||
{% else %}
|
||||
{% set row_class = row_class ~ " lg:items-center" %}
|
||||
{% set row_class = row_class ~ " items-center" %}
|
||||
{% endif %}
|
||||
|
||||
{% set col_class = "flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4" %}
|
||||
{% set col_class = "flex-1 mb-4 md:mb-12 lg:mb-0" %}
|
||||
|
||||
|
||||
{% set row_id = '' %}
|
||||
@@ -56,26 +56,30 @@ Parameters:
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
{% if reverse %}
|
||||
{% if "rightreserve" in reverse %}
|
||||
{% set row_class = "flex flex-col-reverse md:flex-row items-center" %}
|
||||
{% set row_class = "flex flex-col-reverse md:flex-row items-center mx-0" %}
|
||||
{% elif "leftreserve" in reverse %}
|
||||
{% set row_class = "flex flex-col md:flex-row items-center" %}
|
||||
{% set row_class = "flex flex-col md:flex-row items-center mx-8" %}
|
||||
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
{% set padding_class = " py-8 md:py-8 lg:py-28" %}
|
||||
{% set padding_class = " py-8 md:py-8 lg:py-24" %}
|
||||
|
||||
{% if padding %}
|
||||
{% if "none" in padding %}
|
||||
{% set padding_class = " py-0" %}
|
||||
{% elif "top" in padding %}
|
||||
{% set padding_class = " py-2 md:py-4 lg:pt-28" %}
|
||||
{% set padding_class = " py-0 lg:pt-24" %}
|
||||
{% elif "bottom" in padding %}
|
||||
{% set padding_class = " py-2 md:py-4 lg:pb-28" %}
|
||||
{% set padding_class = " py-2 md:py-4 lg:pb-24" %}
|
||||
{% elif "both" in padding %}
|
||||
{% set padding_class = " py-8 md:py-4 lg:py-24" %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
@@ -94,7 +98,7 @@ Parameters:
|
||||
{% if "none" in margin %}
|
||||
{% set margin_class = " mx-0" %}
|
||||
{% elif "wide" in margin %}
|
||||
{% set margin_class = " mx-4 sm:mx-8 md:mx-12 lg:mx-16 xl:mx-20" %}
|
||||
{% set margin_class = " mx-4 sm:mx-8 md:mx-12 lg:mx-16 xl:mx-20 " %}
|
||||
{% elif "moderate" in margin %}
|
||||
{% set margin_class = " mx-4 sm:mx-16 md:mx-20 lg:mx-28" %}
|
||||
{% elif "narrow" in margin %}
|
||||
@@ -103,6 +107,8 @@ Parameters:
|
||||
{% set margin_class = " mx-4 sm:mx-32 md:mx-40 lg:mx-80 xl:mx-96" %}
|
||||
{% elif "header" in margin %}
|
||||
{% set margin_class = " mx-4 sm:mx-20 md:mx-28 lg:mx-40 my-10" %}
|
||||
{% elif "withContainer" in margin %}
|
||||
{% set margin_class = " mx-4 " %}
|
||||
{% endif %}
|
||||
{% if "lean-left" in margin %}
|
||||
{% set margin = margin_class | replace(from=" ", to=" first:")%}
|
||||
@@ -125,18 +131,34 @@ Parameters:
|
||||
|
||||
{% set row_class = row_class ~ margin_class %}
|
||||
|
||||
|
||||
|
||||
{% if style %}
|
||||
|
||||
{% if "center" in style %}
|
||||
{% set row_class = row_class ~ " text-center items-center" %}
|
||||
{% set row_class = row_class ~ " text-center items-center " %}
|
||||
{% set col_class = col_class ~ " flex-1 " %}
|
||||
{% endif %}
|
||||
|
||||
{% if "items-end" in style %}
|
||||
{% set row_class = row_class ~ " lg:items-end" %}
|
||||
{% set col_class = col_class ~ " flex-1 " %}
|
||||
{% if "right" in style %}
|
||||
{% set row_class = row_class ~ " text-center lg:text-right md:text-right justify-center " %}
|
||||
{% set col_class = col_class ~ " flex-1" %}
|
||||
{% endif %}
|
||||
|
||||
{% if "left" in style %}
|
||||
{% set row_class = row_class ~ " text-center lg:text-left md:text-left justify-center " %}
|
||||
{% set col_class = col_class ~ " flex-1" %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if "items-end" in style %}
|
||||
{% set row_class = row_class ~ " lg:items-end" %}
|
||||
{% set col_class = col_class ~ " flex-1 " %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row semi-full screen width, strips margins -->
|
||||
{% if "between" in style %}
|
||||
{% set row_class = row_class ~ " lg:max-w-6xl " %}
|
||||
@@ -206,7 +228,7 @@ Parameters:
|
||||
{% set no_margins = " -mx-8 md:-mx-12 lg:-mx-16 xl:-mx-20" %}
|
||||
|
||||
|
||||
<div id="{{anchor_link}}" class="{{'relative justify-center items-center flex overflow-hidden ' ~ div_class }}" style="{{styles}}">
|
||||
<div id="{{anchor_link}}" class="{{'relative justify-center flex overflow-hidden ' ~ div_class }}" style="{{styles}}">
|
||||
<div id="{{row_id}}" class="{{row_class}}" style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
|
||||
{% for column in columns%}
|
||||
|
Reference in New Issue
Block a user