ourworld_web/www_jungle_paradise
21
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

update home

Browse Source
This commit is contained in:
Ehab Hassan
2023-08-13 10:53:34 +03:00
parent 12682c1e13
commit dc8535c3b0
5 changed files with 170 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
templates/shortcodes/row.html
View File

@@ -41,7 +41,7 @@ Parameters:
{% if 2 < columns | length %}
{% set row_class = row_class ~ " lg:items-start" %}
{% else %}
{% set row_class = row_class ~ " items-center" %}
{% set row_class = row_class ~ " lg:items-center" %}
{% endif %}
{% set col_class = "flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4" %}
@@ -54,21 +54,28 @@ Parameters:
{% endif %}
<!-- reverse col at mobile -->
{% if reverse %}
{% if "rightreserve" in reverse %}
{% set row_class = "flex flex-col-reverse md:flex-row items-center" %}
{% elif "leftreserve" in reverse %}
{% set row_class = "flex flex-col md:flex-row items-center" %}
{% endif %}
{% endif %}
<!-- Padding -->
{% set padding_class = " py-8 md:py-8 lg:py-24" %}
{% set padding_class = " py-8 md:py-8 lg:py-28" %}
{% 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-24" %}
{% set padding_class = " py-2 md:py-4 lg:pt-28" %}
{% elif "bottom" in padding %}
{% set padding_class = " py-2 md:py-4 lg:pb-24" %}
{% elif "both" in padding %}
{% set padding_class = " py-10 md:py-4 lg:py-24" %}
{% elif "headerboth" in padding %}
{% set padding_class = " py-24 md:py-4 lg:py-24" %}
{% set padding_class = " py-2 md:py-4 lg:pb-28" %}
{% endif %}
{% endif %}
@@ -78,7 +85,6 @@ Parameters:
{% set row_class = row_class ~ padding_class %}
<!-- Margins -->
{% set margin_class = " mx-4 md:mx-16 lg:mx-24" %}
@@ -87,17 +93,15 @@ 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 md:mx-12 lg:mx-16 xl:mx-20" %}
{% elif "moderate" in margin %}
{% set margin_class = " mx-8 sm:mx-16 md:mx-20 lg:mx-28" %}
{% set margin_class = " mx-4 md:mx-20 lg:mx-28" %}
{% elif "narrow" in margin %}
{% set margin_class = " mx-6 sm:mx-20 md:mx-28 lg:mx-40" %}
{% set margin_class = " mx-4 md:mx-28 lg:mx-40" %}
{% elif "tight" in margin %}
{% set margin_class = " mx-6 sm:mx-32 md:mx-40 lg:mx-80" %}
{% set margin_class = " mx-4 md:mx-40 lg:mx-80 xl:mx-96" %}
{% elif "header" in margin %}
{% set margin_class = " mx-6 sm:mx-20 md:mx-28 lg:mx-40 mt-10 lg:mt-0" %}
{% elif "withContainer" in margin %}
{% set margin_class = " mx-8 " %}
{% set margin_class = " mx-4 md:mx-28 lg:mx-40 my-10" %}
{% endif %}
{% if "lean-left" in margin %}
{% set margin = margin_class | replace(from=" ", to=" first:")%}
@@ -123,22 +127,19 @@ Parameters:
{% if style %}
{% if "center" in style %}
{% set row_class = row_class ~ " text-center items-center " %}
{% set row_class = row_class ~ " text-center items-center lg:mx-auto " %}
{% set col_class = col_class ~ " flex-1 " %}
{% endif %}
{% if "right" in style %}
{% set row_class = row_class ~ " text-right justify-center " %}
{% endif %}
{% if "items-end" in style %}
{% set row_class = row_class ~ " lg:items-end" %}
{% set col_class = col_class ~ " flex-1 " %}
{% endif %}
<!-- reverse col at mobile -->
{% if "reverse" in style %}
{% set row_class = "flex flex-col-reverse md:flex-row items-center mx-8" %}
{% endif %}
<!-- makes row semi-full screen width, strips margins -->
{% if "between" in style %}
{% set row_class = row_class ~ " lg:max-w-6xl " %}
@@ -208,7 +209,7 @@ Parameters:
{% set no_margins = " -mx-8 md:-mx-12 lg:-mx-16 xl:-mx-20" %}
<div id="{{anchor_link}}" class="{{'relative justify-center flex overflow-hidden ' ~ div_class }}" style="{{styles}}">
<div id="{{anchor_link}}" class="{{'relative justify-center items-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%}