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

update css

Browse Source
This commit is contained in:
Ehab Hassan
2023-05-11 12:05:45 +02:00
parent 96ae724ded
commit 5a90bb229c
13 changed files with 56 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
templates/partials/header.html
View File

@@ -97,12 +97,12 @@
{% else %}
<header id="header-container">
{% set header_class = config.extra.header_class | default(value='') %}
<div class="{{'z-10 bg-white fixed w-screen ' ~ header_class}}">
<div class="{{'z-10 bg-white fixed ' ~ header_class}}">
<div class="relative z-50 shadow">
<div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pr-0 lg:py-5 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
<div>
<a href="/" class="flex">
<img class="w-56 h-auto sm:w-15" src="{{logo_path}}" alt="FreeFlow Logo" />
<a href="/" class="flex logo">
<img class="h-auto sm:w-15" src="{{logo_path}}" alt="Eden Logo" />
</a>
</div>
<div class="-mr-2 -my-2 lg:hidden">
@@ -223,4 +223,10 @@
{% endif %}
<style>
.logo{
width: 20%;
}
</style>

31
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 ~ " 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" %}
@@ -56,15 +56,19 @@ Parameters:
<!-- 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-2 md:py-4 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-10 md:py-4 lg:py-24" %}
{% elif "headerboth" in padding %}
{% set padding_class = " py-24 md:py-4 lg:py-24" %}
{% endif %}
{% endif %}
@@ -87,11 +91,13 @@ Parameters:
{% elif "moderate" in margin %}
{% set margin_class = " mx-8 sm:mx-16 md:mx-20 lg:mx-28" %}
{% elif "narrow" in margin %}
{% set margin_class = " mx-12 sm:mx-20 md:mx-28 lg:mx-40" %}
{% set margin_class = " mx-6 sm:mx-20 md:mx-28 lg:mx-40" %}
{% elif "tight" in margin %}
{% set margin_class = " mx-20 sm:mx-32 md:mx-40 lg:mx-80 xl:mx-96" %}
{% set margin_class = " mx-6 sm:mx-32 md:mx-40 lg:mx-80" %}
{% elif "header" in margin %}
{% set margin_class = " mx-12 sm:mx-20 md:mx-28 lg:mx-40 my-10" %}
{% 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 " %}
{% endif %}
{% if "lean-left" in margin %}
{% set margin = margin_class | replace(from=" ", to=" first:")%}
@@ -117,7 +123,7 @@ Parameters:
{% if style %}
{% if "center" in style %}
{% set row_class = row_class ~ " text-center items-center mx-auto " %}
{% set row_class = row_class ~ " text-center items-center " %}
{% set col_class = col_class ~ " flex-1 " %}
{% endif %}
@@ -126,6 +132,13 @@ Parameters:
{% 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 " %}
@@ -195,7 +208,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 flex overflow-hidden items-center ' ~ 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%}