update right alignment
This commit is contained in:
parent
2a8a2c6f70
commit
51a987b307
@ -32,7 +32,7 @@ with the World’s First Truly Decentralized Smartphone.
|
|||||||
|
|
||||||
<!-- section 2 security -->
|
<!-- section 2 security -->
|
||||||
|
|
||||||
{% row(style="reverse" margin="withContainer" padding="top") %}
|
{% row(style="right" reverse="rightreserve" margin="withContainer" padding="top") %}
|
||||||
|
|
||||||
# Secure<br> Every Click
|
# Secure<br> Every Click
|
||||||
|
|
||||||
|
@ -85,15 +85,15 @@ Parameters:
|
|||||||
{% if "none" in margin %}
|
{% if "none" in margin %}
|
||||||
{% set margin_class = " mx-0" %}
|
{% set margin_class = " mx-0" %}
|
||||||
{% elif "wide" in margin %}
|
{% 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-8 sm:mx-8 md:mx-12 lg:mx-16 xl:mx-20 " %}
|
||||||
{% elif "moderate" in margin %}
|
{% elif "moderate" in margin %}
|
||||||
{% set margin_class = " mx-8 sm:mx-16 md:mx-20 lg:mx-28" %}
|
{% set margin_class = " mx-8 sm:mx-16 md:mx-20 lg:mx-28" %}
|
||||||
{% elif "narrow" in margin %}
|
{% elif "narrow" in margin %}
|
||||||
{% set margin_class = " mx-12 sm:mx-20 md:mx-28 lg:mx-40" %}
|
{% set margin_class = " mx-8 sm:mx-20 md:mx-28 lg:mx-40" %}
|
||||||
{% elif "tight" in margin %}
|
{% 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-8 sm:mx-32 md:mx-40 lg:mx-80 xl:mx-96" %}
|
||||||
{% elif "header" in margin %}
|
{% elif "header" in margin %}
|
||||||
{% set margin_class = " mx-12 sm:mx-20 md:mx-28 lg:mx-40 my-10" %}
|
{% set margin_class = " mx-8 sm:mx-20 md:mx-28 lg:mx-40 my-10" %}
|
||||||
{% elif "withContainer" in margin %}
|
{% elif "withContainer" in margin %}
|
||||||
{% set margin_class = " mx-8 " %}
|
{% set margin_class = " mx-8 " %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@ -118,23 +118,37 @@ Parameters:
|
|||||||
|
|
||||||
{% set row_class = row_class ~ margin_class %}
|
{% set row_class = row_class ~ margin_class %}
|
||||||
|
|
||||||
|
<!-- reverse col at mobile -->
|
||||||
|
|
||||||
|
|
||||||
|
{% if reverse %}
|
||||||
|
{% if "rightreserve" in reverse %}
|
||||||
|
{% set row_class = "flex flex-col-reverse md:flex-row items-center mx-8" %}
|
||||||
|
{% elif "leftreserve" in reverse %}
|
||||||
|
{% set row_class = "flex flex-col md:flex-row items-center mx-8" %}
|
||||||
|
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
{% if style %}
|
{% if style %}
|
||||||
|
|
||||||
{% if "center" in 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 " %}
|
{% set col_class = col_class ~ " flex-1 " %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
|
{% 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 m-4 lg:m-0 mx-8" %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
|
||||||
{% if "items-end" in style %}
|
{% if "items-end" in style %}
|
||||||
{% set row_class = row_class ~ " lg:items-end" %}
|
{% set row_class = row_class ~ " lg:items-end" %}
|
||||||
{% set col_class = col_class ~ " flex-1 " %}
|
{% set col_class = col_class ~ " flex-1 " %}
|
||||||
{% endif %}
|
{% 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 -->
|
<!-- makes row semi-full screen width, strips margins -->
|
||||||
|
Loading…
Reference in New Issue
Block a user