test
parent
505999cff6
commit
ea1365813d
|
|
@ -8,18 +8,27 @@
|
|||
<link rel="canonical" href="{{ canonical_url }}">
|
||||
|
||||
{%- if settings.favicon != blank -%}
|
||||
<link rel="icon" type="image/png" href="{{ settings.favicon | image_url: width: 32, height: 32 }}">
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
href="{{ settings.favicon | image_url: width: 32, height: 32 }}">
|
||||
{%- endif -%}
|
||||
|
||||
{%- unless settings.type_header_font.system? and settings.type_body_font.system? -%}
|
||||
<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
|
||||
<link
|
||||
rel="preconnect"
|
||||
href="https://fonts.shopifycdn.com"
|
||||
crossorigin>
|
||||
{%- endunless -%}
|
||||
|
||||
<title>
|
||||
{{ page_title }}
|
||||
{%- if current_tags %} – tagged "{{ current_tags | join: ', ' }}"{% endif -%}
|
||||
{%- if current_page != 1 %} – Page {{ current_page }}{% endif -%}
|
||||
{%- unless page_title contains shop.name %} – {{ shop.name }}{% endunless -%}
|
||||
{%- if current_tags %}
|
||||
– tagged "{{ current_tags | join: ', ' }}"{% endif -%}
|
||||
{%- if current_page != 1 %}
|
||||
– Page {{ current_page }}{% endif -%}
|
||||
{%- unless page_title contains shop.name %}
|
||||
– {{ shop.name }}{% endunless -%}
|
||||
</title>
|
||||
|
||||
{% if page_description %}
|
||||
|
|
@ -53,17 +62,19 @@
|
|||
{% for scheme in settings.color_schemes -%}
|
||||
{% assign scheme_classes = scheme_classes | append: ', .color-' | append: scheme.id %}
|
||||
{% if forloop.index == 1 -%}
|
||||
:root,
|
||||
:root,
|
||||
{%- endif %}
|
||||
.color-{{ scheme.id }} {
|
||||
--color-background: {{ scheme.settings.background.red }},{{ scheme.settings.background.green }},{{ scheme.settings.background.blue }};
|
||||
{% if scheme.settings.background_gradient != empty %}
|
||||
--gradient-background: {{ scheme.settings.background_gradient }};
|
||||
{% else %}
|
||||
--gradient-background: {{ scheme.settings.background }};
|
||||
{% endif %}
|
||||
--color-background: {{ scheme.settings.background.red }},
|
||||
{{ scheme.settings.background.green }},
|
||||
{{ scheme.settings.background.blue }};
|
||||
{% if scheme.settings.background_gradient != empty %}
|
||||
--gradient-background: {{ scheme.settings.background_gradient }};
|
||||
{% else %}
|
||||
--gradient-background: {{ scheme.settings.background }};
|
||||
{% endif %}
|
||||
|
||||
{% liquid
|
||||
{% liquid
|
||||
assign background_color = scheme.settings.background
|
||||
assign background_color_brightness = background_color | color_brightness
|
||||
if background_color_brightness <= 26
|
||||
|
|
@ -73,21 +84,43 @@
|
|||
else
|
||||
assign background_color_contrast = background_color | color_darken: 25
|
||||
endif
|
||||
%}
|
||||
%}
|
||||
|
||||
--color-foreground: {{ scheme.settings.text.red }},{{ scheme.settings.text.green }},{{ scheme.settings.text.blue }};
|
||||
--color-background-contrast: {{ background_color_contrast.red }},{{ background_color_contrast.green }},{{ background_color_contrast.blue }};
|
||||
--color-shadow: {{ scheme.settings.shadow.red }},{{ scheme.settings.shadow.green }},{{ scheme.settings.shadow.blue }};
|
||||
--color-button: {{ scheme.settings.button.red }},{{ scheme.settings.button.green }},{{ scheme.settings.button.blue }};
|
||||
--color-button-text: {{ scheme.settings.button_label.red }},{{ scheme.settings.button_label.green }},{{ scheme.settings.button_label.blue }};
|
||||
--color-secondary-button: {{ scheme.settings.background.red }},{{ scheme.settings.background.green }},{{ scheme.settings.background.blue }};
|
||||
--color-secondary-button-text: {{ scheme.settings.secondary_button_label.red }},{{ scheme.settings.secondary_button_label.green }},{{ scheme.settings.secondary_button_label.blue }};
|
||||
--color-link: {{ scheme.settings.secondary_button_label.red }},{{ scheme.settings.secondary_button_label.green }},{{ scheme.settings.secondary_button_label.blue }};
|
||||
--color-badge-foreground: {{ scheme.settings.text.red }},{{ scheme.settings.text.green }},{{ scheme.settings.text.blue }};
|
||||
--color-badge-background: {{ scheme.settings.background.red }},{{ scheme.settings.background.green }},{{ scheme.settings.background.blue }};
|
||||
--color-badge-border: {{ scheme.settings.text.red }},{{ scheme.settings.text.green }},{{ scheme.settings.text.blue }};
|
||||
--payment-terms-background-color: rgb({{ scheme.settings.background.rgb }});
|
||||
}
|
||||
--color-foreground: {{ scheme.settings.text.red }},
|
||||
{{ scheme.settings.text.green }},
|
||||
{{ scheme.settings.text.blue }};
|
||||
--color-background-contrast: {{ background_color_contrast.red }},
|
||||
{{ background_color_contrast.green }},
|
||||
{{ background_color_contrast.blue }};
|
||||
--color-shadow: {{ scheme.settings.shadow.red }},
|
||||
{{ scheme.settings.shadow.green }},
|
||||
{{ scheme.settings.shadow.blue }};
|
||||
--color-button: {{ scheme.settings.button.red }},
|
||||
{{ scheme.settings.button.green }},
|
||||
{{ scheme.settings.button.blue }};
|
||||
--color-button-text: {{ scheme.settings.button_label.red }},
|
||||
{{ scheme.settings.button_label.green }},
|
||||
{{ scheme.settings.button_label.blue }};
|
||||
--color-secondary-button: {{ scheme.settings.background.red }},
|
||||
{{ scheme.settings.background.green }},
|
||||
{{ scheme.settings.background.blue }};
|
||||
--color-secondary-button-text: {{ scheme.settings.secondary_button_label.red }},
|
||||
{{ scheme.settings.secondary_button_label.green }},
|
||||
{{ scheme.settings.secondary_button_label.blue }};
|
||||
--color-link: {{ scheme.settings.secondary_button_label.red }},
|
||||
{{ scheme.settings.secondary_button_label.green }},
|
||||
{{ scheme.settings.secondary_button_label.blue }};
|
||||
--color-badge-foreground: {{ scheme.settings.text.red }},
|
||||
{{ scheme.settings.text.green }},
|
||||
{{ scheme.settings.text.blue }};
|
||||
--color-badge-background: {{ scheme.settings.background.red }},
|
||||
{{ scheme.settings.background.green }},
|
||||
{{ scheme.settings.background.blue }};
|
||||
--color-badge-border: {{ scheme.settings.text.red }},
|
||||
{{ scheme.settings.text.green }},
|
||||
{{ scheme.settings.text.blue }};
|
||||
--payment-terms-background-color: rgb({{ scheme.settings.background.rgb }});
|
||||
}
|
||||
{% endfor %}
|
||||
|
||||
{{ scheme_classes | prepend: 'body' }} {
|
||||
|
|
@ -96,12 +129,14 @@
|
|||
}
|
||||
|
||||
:root {
|
||||
--font-body-family: {{ settings.type_body_font.family }}, {{ settings.type_body_font.fallback_families }};
|
||||
--font-body-family: {{ settings.type_body_font.family }},
|
||||
{{ settings.type_body_font.fallback_families }};
|
||||
--font-body-style: {{ settings.type_body_font.style }};
|
||||
--font-body-weight: {{ settings.type_body_font.weight }};
|
||||
--font-body-weight-bold: {{ settings.type_body_font.weight | plus: 300 | at_most: 1000 }};
|
||||
|
||||
--font-heading-family: {{ settings.type_header_font.family }}, {{ settings.type_header_font.fallback_families }};
|
||||
--font-heading-family: {{ settings.type_header_font.family }},
|
||||
{{ settings.type_header_font.fallback_families }};
|
||||
--font-heading-style: {{ settings.type_header_font.style }};
|
||||
--font-heading-weight: {{ settings.type_header_font.weight }};
|
||||
|
||||
|
|
@ -118,146 +153,162 @@
|
|||
--media-shadow-blur-radius: {{ settings.media_shadow_blur }}px;
|
||||
--media-shadow-visible: {% if settings.media_shadow_opacity > 0 %}1{% else %}0{% endif %};
|
||||
|
||||
--page-width: {{ settings.page_width | divided_by: 10 }}rem;
|
||||
--page-width-margin: {% if settings.page_width == '1600' %}2{% else %}0{% endif %}rem;
|
||||
--page-width: {{ settings.page_width | divided_by: 10 }}rem;
|
||||
--page-width-margin: {% if settings.page_width == '1600' %}2{% else %}0{% endif %}rem;
|
||||
|
||||
--product-card-image-padding: {{ settings.card_image_padding | divided_by: 10.0 }}rem;
|
||||
--product-card-corner-radius: {{ settings.card_corner_radius | divided_by: 10.0 }}rem;
|
||||
--product-card-text-alignment: {{ settings.card_text_alignment }};
|
||||
--product-card-border-width: {{ settings.card_border_thickness | divided_by: 10.0 }}rem;
|
||||
--product-card-border-opacity: {{ settings.card_border_opacity | divided_by: 100.0 }};
|
||||
--product-card-shadow-opacity: {{ settings.card_shadow_opacity | divided_by: 100.0 }};
|
||||
--product-card-shadow-visible: {% if settings.card_shadow_opacity > 0 %}1{% else %}0{% endif %};
|
||||
--product-card-shadow-horizontal-offset: {{ settings.card_shadow_horizontal_offset | divided_by: 10.0 }}rem;
|
||||
--product-card-shadow-vertical-offset: {{ settings.card_shadow_vertical_offset | divided_by: 10.0 }}rem;
|
||||
--product-card-shadow-blur-radius: {{ settings.card_shadow_blur | divided_by: 10.0 }}rem;
|
||||
--product-card-image-padding: {{ settings.card_image_padding | divided_by: 10.0 }}rem;
|
||||
--product-card-corner-radius: {{ settings.card_corner_radius | divided_by: 10.0 }}rem;
|
||||
--product-card-text-alignment: {{ settings.card_text_alignment }};
|
||||
--product-card-border-width: {{ settings.card_border_thickness | divided_by: 10.0 }}rem;
|
||||
--product-card-border-opacity: {{ settings.card_border_opacity | divided_by: 100.0 }};
|
||||
--product-card-shadow-opacity: {{ settings.card_shadow_opacity | divided_by: 100.0 }};
|
||||
--product-card-shadow-visible: {% if settings.card_shadow_opacity > 0 %}1{% else %}0{% endif %};
|
||||
--product-card-shadow-horizontal-offset: {{ settings.card_shadow_horizontal_offset | divided_by: 10.0 }}rem;
|
||||
--product-card-shadow-vertical-offset: {{ settings.card_shadow_vertical_offset | divided_by: 10.0 }}rem;
|
||||
--product-card-shadow-blur-radius: {{ settings.card_shadow_blur | divided_by: 10.0 }}rem;
|
||||
|
||||
--collection-card-image-padding: {{ settings.collection_card_image_padding | divided_by: 10.0 }}rem;
|
||||
--collection-card-corner-radius: {{ settings.collection_card_corner_radius | divided_by: 10.0 }}rem;
|
||||
--collection-card-text-alignment: {{ settings.collection_card_text_alignment }};
|
||||
--collection-card-border-width: {{ settings.collection_card_border_thickness | divided_by: 10.0 }}rem;
|
||||
--collection-card-border-opacity: {{ settings.collection_card_border_opacity | divided_by: 100.0 }};
|
||||
--collection-card-shadow-opacity: {{ settings.collection_card_shadow_opacity | divided_by: 100.0 }};
|
||||
--collection-card-shadow-visible: {% if settings.collection_card_shadow_opacity > 0 %}1{% else %}0{% endif %};
|
||||
--collection-card-shadow-horizontal-offset: {{ settings.collection_card_shadow_horizontal_offset | divided_by: 10.0 }}rem;
|
||||
--collection-card-shadow-vertical-offset: {{ settings.collection_card_shadow_vertical_offset | divided_by: 10.0 }}rem;
|
||||
--collection-card-shadow-blur-radius: {{ settings.collection_card_shadow_blur | divided_by: 10.0 }}rem;
|
||||
--collection-card-image-padding: {{ settings.collection_card_image_padding | divided_by: 10.0 }}rem;
|
||||
--collection-card-corner-radius: {{ settings.collection_card_corner_radius | divided_by: 10.0 }}rem;
|
||||
--collection-card-text-alignment: {{ settings.collection_card_text_alignment }};
|
||||
--collection-card-border-width: {{ settings.collection_card_border_thickness | divided_by: 10.0 }}rem;
|
||||
--collection-card-border-opacity: {{ settings.collection_card_border_opacity | divided_by: 100.0 }};
|
||||
--collection-card-shadow-opacity: {{ settings.collection_card_shadow_opacity | divided_by: 100.0 }};
|
||||
--collection-card-shadow-visible: {% if settings.collection_card_shadow_opacity > 0 %}1{% else %}0{% endif %};
|
||||
--collection-card-shadow-horizontal-offset: {{ settings.collection_card_shadow_horizontal_offset | divided_by: 10.0 }}rem;
|
||||
--collection-card-shadow-vertical-offset: {{ settings.collection_card_shadow_vertical_offset | divided_by: 10.0 }}rem;
|
||||
--collection-card-shadow-blur-radius: {{ settings.collection_card_shadow_blur | divided_by: 10.0 }}rem;
|
||||
|
||||
--blog-card-image-padding: {{ settings.blog_card_image_padding | divided_by: 10.0 }}rem;
|
||||
--blog-card-corner-radius: {{ settings.blog_card_corner_radius | divided_by: 10.0 }}rem;
|
||||
--blog-card-text-alignment: {{ settings.blog_card_text_alignment }};
|
||||
--blog-card-border-width: {{ settings.blog_card_border_thickness | divided_by: 10.0 }}rem;
|
||||
--blog-card-border-opacity: {{ settings.blog_card_border_opacity | divided_by: 100.0 }};
|
||||
--blog-card-shadow-opacity: {{ settings.blog_card_shadow_opacity | divided_by: 100.0 }};
|
||||
--blog-card-shadow-visible: {% if settings.blog_card_shadow_opacity > 0 %}1{% else %}0{% endif %};
|
||||
--blog-card-shadow-horizontal-offset: {{ settings.blog_card_shadow_horizontal_offset | divided_by: 10.0 }}rem;
|
||||
--blog-card-shadow-vertical-offset: {{ settings.blog_card_shadow_vertical_offset | divided_by: 10.0 }}rem;
|
||||
--blog-card-shadow-blur-radius: {{ settings.blog_card_shadow_blur | divided_by: 10.0 }}rem;
|
||||
--blog-card-image-padding: {{ settings.blog_card_image_padding | divided_by: 10.0 }}rem;
|
||||
--blog-card-corner-radius: {{ settings.blog_card_corner_radius | divided_by: 10.0 }}rem;
|
||||
--blog-card-text-alignment: {{ settings.blog_card_text_alignment }};
|
||||
--blog-card-border-width: {{ settings.blog_card_border_thickness | divided_by: 10.0 }}rem;
|
||||
--blog-card-border-opacity: {{ settings.blog_card_border_opacity | divided_by: 100.0 }};
|
||||
--blog-card-shadow-opacity: {{ settings.blog_card_shadow_opacity | divided_by: 100.0 }};
|
||||
--blog-card-shadow-visible: {% if settings.blog_card_shadow_opacity > 0 %}1{% else %}0{% endif %};
|
||||
--blog-card-shadow-horizontal-offset: {{ settings.blog_card_shadow_horizontal_offset | divided_by: 10.0 }}rem;
|
||||
--blog-card-shadow-vertical-offset: {{ settings.blog_card_shadow_vertical_offset | divided_by: 10.0 }}rem;
|
||||
--blog-card-shadow-blur-radius: {{ settings.blog_card_shadow_blur | divided_by: 10.0 }}rem;
|
||||
|
||||
--badge-corner-radius: {{ settings.badge_corner_radius | divided_by: 10.0 }}rem;
|
||||
--badge-corner-radius: {{ settings.badge_corner_radius | divided_by: 10.0 }}rem;
|
||||
|
||||
--popup-border-width: {{ settings.popup_border_thickness }}px;
|
||||
--popup-border-opacity: {{ settings.popup_border_opacity | divided_by: 100.0 }};
|
||||
--popup-corner-radius: {{ settings.popup_corner_radius }}px;
|
||||
--popup-shadow-opacity: {{ settings.popup_shadow_opacity | divided_by: 100.0 }};
|
||||
--popup-shadow-horizontal-offset: {{ settings.popup_shadow_horizontal_offset }}px;
|
||||
--popup-shadow-vertical-offset: {{ settings.popup_shadow_vertical_offset }}px;
|
||||
--popup-shadow-blur-radius: {{ settings.popup_shadow_blur }}px;
|
||||
--popup-border-width: {{ settings.popup_border_thickness }}px;
|
||||
--popup-border-opacity: {{ settings.popup_border_opacity | divided_by: 100.0 }};
|
||||
--popup-corner-radius: {{ settings.popup_corner_radius }}px;
|
||||
--popup-shadow-opacity: {{ settings.popup_shadow_opacity | divided_by: 100.0 }};
|
||||
--popup-shadow-horizontal-offset: {{ settings.popup_shadow_horizontal_offset }}px;
|
||||
--popup-shadow-vertical-offset: {{ settings.popup_shadow_vertical_offset }}px;
|
||||
--popup-shadow-blur-radius: {{ settings.popup_shadow_blur }}px;
|
||||
|
||||
--drawer-border-width: {{ settings.drawer_border_thickness }}px;
|
||||
--drawer-border-opacity: {{ settings.drawer_border_opacity | divided_by: 100.0 }};
|
||||
--drawer-shadow-opacity: {{ settings.drawer_shadow_opacity | divided_by: 100.0 }};
|
||||
--drawer-shadow-horizontal-offset: {{ settings.drawer_shadow_horizontal_offset }}px;
|
||||
--drawer-shadow-vertical-offset: {{ settings.drawer_shadow_vertical_offset }}px;
|
||||
--drawer-shadow-blur-radius: {{ settings.drawer_shadow_blur }}px;
|
||||
--drawer-border-width: {{ settings.drawer_border_thickness }}px;
|
||||
--drawer-border-opacity: {{ settings.drawer_border_opacity | divided_by: 100.0 }};
|
||||
--drawer-shadow-opacity: {{ settings.drawer_shadow_opacity | divided_by: 100.0 }};
|
||||
--drawer-shadow-horizontal-offset: {{ settings.drawer_shadow_horizontal_offset }}px;
|
||||
--drawer-shadow-vertical-offset: {{ settings.drawer_shadow_vertical_offset }}px;
|
||||
--drawer-shadow-blur-radius: {{ settings.drawer_shadow_blur }}px;
|
||||
|
||||
--spacing-sections-desktop: {{ settings.spacing_sections }}px;
|
||||
--spacing-sections-mobile: {% if settings.spacing_sections < 24 %}{{ settings.spacing_sections }}{% else %}{{ settings.spacing_sections | times: 0.7 | round | at_least: 20 }}{% endif %}px;
|
||||
--spacing-sections-desktop: {{ settings.spacing_sections }}px;
|
||||
--spacing-sections-mobile: {% if settings.spacing_sections < 24 %}{{ settings.spacing_sections }}
|
||||
{% else %}{{ settings.spacing_sections | times: 0.7 | round | at_least: 20 }}
|
||||
{% endif %}px;
|
||||
|
||||
--grid-desktop-vertical-spacing: {{ settings.spacing_grid_vertical }}px;
|
||||
--grid-desktop-horizontal-spacing: {{ settings.spacing_grid_horizontal }}px;
|
||||
--grid-mobile-vertical-spacing: {{ settings.spacing_grid_vertical | divided_by: 2 }}px;
|
||||
--grid-mobile-horizontal-spacing: {{ settings.spacing_grid_horizontal | divided_by: 2 }}px;
|
||||
--grid-desktop-vertical-spacing: {{ settings.spacing_grid_vertical }}px;
|
||||
--grid-desktop-horizontal-spacing: {{ settings.spacing_grid_horizontal }}px;
|
||||
--grid-mobile-vertical-spacing: {{ settings.spacing_grid_vertical | divided_by: 2 }}px;
|
||||
--grid-mobile-horizontal-spacing: {{ settings.spacing_grid_horizontal | divided_by: 2 }}px;
|
||||
|
||||
--text-boxes-border-opacity: {{ settings.text_boxes_border_opacity | divided_by: 100.0 }};
|
||||
--text-boxes-border-width: {{ settings.text_boxes_border_thickness }}px;
|
||||
--text-boxes-radius: {{ settings.text_boxes_radius }}px;
|
||||
--text-boxes-shadow-opacity: {{ settings.text_boxes_shadow_opacity | divided_by: 100.0 }};
|
||||
--text-boxes-shadow-visible: {% if settings.text_boxes_shadow_opacity > 0 %}1{% else %}0{% endif %};
|
||||
--text-boxes-shadow-horizontal-offset: {{ settings.text_boxes_shadow_horizontal_offset }}px;
|
||||
--text-boxes-shadow-vertical-offset: {{ settings.text_boxes_shadow_vertical_offset }}px;
|
||||
--text-boxes-shadow-blur-radius: {{ settings.text_boxes_shadow_blur }}px;
|
||||
--text-boxes-border-opacity: {{ settings.text_boxes_border_opacity | divided_by: 100.0 }};
|
||||
--text-boxes-border-width: {{ settings.text_boxes_border_thickness }}px;
|
||||
--text-boxes-radius: {{ settings.text_boxes_radius }}px;
|
||||
--text-boxes-shadow-opacity: {{ settings.text_boxes_shadow_opacity | divided_by: 100.0 }};
|
||||
--text-boxes-shadow-visible: {% if settings.text_boxes_shadow_opacity > 0 %}1{% else %}0{% endif %};
|
||||
--text-boxes-shadow-horizontal-offset: {{ settings.text_boxes_shadow_horizontal_offset }}px;
|
||||
--text-boxes-shadow-vertical-offset: {{ settings.text_boxes_shadow_vertical_offset }}px;
|
||||
--text-boxes-shadow-blur-radius: {{ settings.text_boxes_shadow_blur }}px;
|
||||
|
||||
--buttons-radius: {{ settings.buttons_radius }}px;
|
||||
--buttons-radius-outset: {% if settings.buttons_radius > 0 %}{{ settings.buttons_radius | plus: settings.buttons_border_thickness }}{% else %}0{% endif %}px;
|
||||
--buttons-border-width: {% if settings.buttons_border_opacity > 0 %}{{ settings.buttons_border_thickness }}{% else %}0{% endif %}px;
|
||||
--buttons-border-opacity: {{ settings.buttons_border_opacity | divided_by: 100.0 }};
|
||||
--buttons-shadow-opacity: {{ settings.buttons_shadow_opacity | divided_by: 100.0 }};
|
||||
--buttons-shadow-visible: {% if settings.buttons_shadow_opacity > 0 %}1{% else %}0{% endif %};
|
||||
--buttons-shadow-horizontal-offset: {{ settings.buttons_shadow_horizontal_offset }}px;
|
||||
--buttons-shadow-vertical-offset: {{ settings.buttons_shadow_vertical_offset }}px;
|
||||
--buttons-shadow-blur-radius: {{ settings.buttons_shadow_blur }}px;
|
||||
--buttons-border-offset: {% if settings.buttons_radius > 0 or settings.buttons_shadow_opacity > 0 %}0.3{% else %}0{% endif %}px;
|
||||
--buttons-radius: {{ settings.buttons_radius }}px;
|
||||
--buttons-radius-outset: {% if settings.buttons_radius > 0 %}{{ settings.buttons_radius | plus: settings.buttons_border_thickness }}
|
||||
{% else %}0{% endif %}px;
|
||||
--buttons-border-width: {% if settings.buttons_border_opacity > 0 %}{{ settings.buttons_border_thickness }}
|
||||
{% else %}0{% endif %}px;
|
||||
--buttons-border-opacity: {{ settings.buttons_border_opacity | divided_by: 100.0 }};
|
||||
--buttons-shadow-opacity: {{ settings.buttons_shadow_opacity | divided_by: 100.0 }};
|
||||
--buttons-shadow-visible: {% if settings.buttons_shadow_opacity > 0 %}1{% else %}0{% endif %};
|
||||
--buttons-shadow-horizontal-offset: {{ settings.buttons_shadow_horizontal_offset }}px;
|
||||
--buttons-shadow-vertical-offset: {{ settings.buttons_shadow_vertical_offset }}px;
|
||||
--buttons-shadow-blur-radius: {{ settings.buttons_shadow_blur }}px;
|
||||
--buttons-border-offset: {% if settings.buttons_radius > 0 or settings.buttons_shadow_opacity > 0 %}0.3{% else %}0{% endif %}px;
|
||||
|
||||
--inputs-radius: {{ settings.inputs_radius }}px;
|
||||
--inputs-border-width: {{ settings.inputs_border_thickness }}px;
|
||||
--inputs-border-opacity: {{ settings.inputs_border_opacity | divided_by: 100.0 }};
|
||||
--inputs-shadow-opacity: {{ settings.inputs_shadow_opacity | divided_by: 100.0 }};
|
||||
--inputs-shadow-horizontal-offset: {{ settings.inputs_shadow_horizontal_offset }}px;
|
||||
--inputs-margin-offset: {% if settings.inputs_shadow_vertical_offset != 0 and settings.inputs_shadow_opacity > 0 %}{{ settings.inputs_shadow_vertical_offset | abs }}{% else %}0{% endif %}px;
|
||||
--inputs-shadow-vertical-offset: {{ settings.inputs_shadow_vertical_offset }}px;
|
||||
--inputs-shadow-blur-radius: {{ settings.inputs_shadow_blur }}px;
|
||||
--inputs-radius-outset: {% if settings.inputs_radius > 0 %}{{ settings.inputs_radius | plus: settings.inputs_border_thickness }}{% else %}0{% endif %}px;
|
||||
--inputs-radius: {{ settings.inputs_radius }}px;
|
||||
--inputs-border-width: {{ settings.inputs_border_thickness }}px;
|
||||
--inputs-border-opacity: {{ settings.inputs_border_opacity | divided_by: 100.0 }};
|
||||
--inputs-shadow-opacity: {{ settings.inputs_shadow_opacity | divided_by: 100.0 }};
|
||||
--inputs-shadow-horizontal-offset: {{ settings.inputs_shadow_horizontal_offset }}px;
|
||||
--inputs-margin-offset: {% if settings.inputs_shadow_vertical_offset != 0 and settings.inputs_shadow_opacity > 0 %}{{ settings.inputs_shadow_vertical_offset | abs }}
|
||||
{% else %}0{% endif %}px;
|
||||
--inputs-shadow-vertical-offset: {{ settings.inputs_shadow_vertical_offset }}px;
|
||||
--inputs-shadow-blur-radius: {{ settings.inputs_shadow_blur }}px;
|
||||
--inputs-radius-outset: {% if settings.inputs_radius > 0 %}{{ settings.inputs_radius | plus: settings.inputs_border_thickness }}
|
||||
{% else %}0{% endif %}px;
|
||||
|
||||
--variant-pills-radius: {{ settings.variant_pills_radius }}px;
|
||||
--variant-pills-border-width: {{ settings.variant_pills_border_thickness }}px;
|
||||
--variant-pills-border-opacity: {{ settings.variant_pills_border_opacity | divided_by: 100.0 }};
|
||||
--variant-pills-shadow-opacity: {{ settings.variant_pills_shadow_opacity | divided_by: 100.0 }};
|
||||
--variant-pills-shadow-horizontal-offset: {{ settings.variant_pills_shadow_horizontal_offset }}px;
|
||||
--variant-pills-shadow-vertical-offset: {{ settings.variant_pills_shadow_vertical_offset }}px;
|
||||
--variant-pills-shadow-blur-radius: {{ settings.variant_pills_shadow_blur }}px;
|
||||
}
|
||||
--variant-pills-radius: {{ settings.variant_pills_radius }}px;
|
||||
--variant-pills-border-width: {{ settings.variant_pills_border_thickness }}px;
|
||||
--variant-pills-border-opacity: {{ settings.variant_pills_border_opacity | divided_by: 100.0 }};
|
||||
--variant-pills-shadow-opacity: {{ settings.variant_pills_shadow_opacity | divided_by: 100.0 }};
|
||||
--variant-pills-shadow-horizontal-offset: {{ settings.variant_pills_shadow_horizontal_offset }}px;
|
||||
--variant-pills-shadow-vertical-offset: {{ settings.variant_pills_shadow_vertical_offset }}px;
|
||||
--variant-pills-shadow-blur-radius: {{ settings.variant_pills_shadow_blur }}px;
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
font-size: calc(var(--font-body-scale) * 62.5%);
|
||||
height: 100%;
|
||||
}
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
font-size: calc(var(--font-body-scale) * 62.5%);
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
display: grid;
|
||||
grid-template-rows: auto auto 1fr auto;
|
||||
grid-template-columns: 100%;
|
||||
min-height: 100%;
|
||||
margin: 0;
|
||||
font-size: 1.5rem;
|
||||
letter-spacing: 0.06rem;
|
||||
line-height: calc(1 + 0.8 / var(--font-body-scale));
|
||||
font-family: var(--font-body-family);
|
||||
font-style: var(--font-body-style);
|
||||
font-weight: var(--font-body-weight);
|
||||
}
|
||||
body {
|
||||
display: grid;
|
||||
grid-template-rows: auto auto 1fr auto;
|
||||
grid-template-columns: 100%;
|
||||
min-height: 100%;
|
||||
margin: 0;
|
||||
font-size: 1.5rem;
|
||||
letter-spacing: 0.06rem;
|
||||
line-height: calc(1 + 0.8 / var(--font-body-scale));
|
||||
font-family: var(--font-body-family);
|
||||
font-style: var(--font-body-style);
|
||||
font-weight: var(--font-body-weight);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 750px) {
|
||||
body {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 750px) {
|
||||
body {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
{% endstyle %}
|
||||
|
||||
{{ 'base.css' | asset_url | stylesheet_tag }}
|
||||
|
||||
{%- unless settings.type_body_font.system? -%}
|
||||
<link rel="preload" as="font" href="{{ settings.type_body_font | font_url }}" type="font/woff2" crossorigin>
|
||||
<link
|
||||
rel="preload"
|
||||
as="font"
|
||||
href="{{ settings.type_body_font | font_url }}"
|
||||
type="font/woff2"
|
||||
crossorigin>
|
||||
{%- endunless -%}
|
||||
{%- unless settings.type_header_font.system? -%}
|
||||
<link rel="preload" as="font" href="{{ settings.type_header_font | font_url }}" type="font/woff2" crossorigin>
|
||||
<link
|
||||
rel="preload"
|
||||
as="font"
|
||||
href="{{ settings.type_header_font | font_url }}"
|
||||
type="font/woff2"
|
||||
crossorigin>
|
||||
{%- endunless -%}
|
||||
|
||||
{%- if localization.available_countries.size > 1 or localization.available_languages.size > 1 -%}
|
||||
|
|
@ -270,8 +321,7 @@
|
|||
rel="stylesheet"
|
||||
href="{{ 'component-predictive-search.css' | asset_url }}"
|
||||
media="print"
|
||||
onload="this.media='all'"
|
||||
>
|
||||
onload="this.media='all'">
|
||||
{%- endif -%}
|
||||
|
||||
<script>
|
||||
|
|
@ -287,11 +337,13 @@
|
|||
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
|
||||
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
|
||||
})(window, document, "clarity", "script", "lvd5xzm4d8");
|
||||
</script>
|
||||
</script>
|
||||
|
||||
<!-- Render CSS content -->
|
||||
{% render 'shx-feedback-banner', content_type: 'head' %}
|
||||
{% render 'shx-StarRatingForm', content_type: 'init' %}
|
||||
{% render 'shx-feedback-banner'
|
||||
, content_type: 'head' %}
|
||||
{% render 'shx-StarRatingForm'
|
||||
, content_type: 'init' %}
|
||||
|
||||
{% include 'pagefly-app-header' %}
|
||||
|
||||
|
|
@ -300,8 +352,11 @@
|
|||
</head>
|
||||
|
||||
<body class="gradient{% if settings.animations_hover_elements != 'none' %} animate--hover-{{ settings.animations_hover_elements }}{% endif %}">
|
||||
<p>Test!!!!
|
||||
</p>
|
||||
<!-- Render HTML content -->
|
||||
{% render 'shx-feedback-banner', content_type: 'body' %}
|
||||
{% render 'shx-feedback-banner'
|
||||
, content_type: 'body' %}
|
||||
|
||||
<a class="skip-to-content-link button visually-hidden" href="#MainContent">
|
||||
{{ 'accessibility.skip_to_text' | t }}
|
||||
|
|
@ -313,7 +368,11 @@
|
|||
|
||||
{% sections 'header-group' %}
|
||||
|
||||
<main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
|
||||
<main
|
||||
id="MainContent"
|
||||
class="content-for-layout focus-none"
|
||||
role="main"
|
||||
tabindex="-1">
|
||||
{{ content_for_layout }}
|
||||
</main>
|
||||
|
||||
|
|
@ -370,4 +429,4 @@
|
|||
<script src="{{ 'predictive-search.js' | asset_url }}" defer="defer"></script>
|
||||
{%- endif -%}
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
Loading…
Reference in New Issue