diff --git a/FAQ/sections/faq.liquid b/FAQ/sections/faq.liquid index 7ae9e56..9dc697f 100644 --- a/FAQ/sections/faq.liquid +++ b/FAQ/sections/faq.liquid @@ -15,12 +15,20 @@ Get the latest version: https://github.com/mirceapiturca/Sections/tree/master/FA --border-color: {{ section.settings.border_color }}; --question-color: {{ section.settings.q_color }}; --answer-color: {{ section.settings.a_color }}; + --section-border-color: {{ section.settings.section_border_color }}; + --section-title-color: {{ section.settings.section_title_color }}; {%- assign min = section.settings.q_size_small -%} {%- assign max = section.settings.q_size_large -%} {%- assign min_rem = min | append: 'rem' -%} {%- assign max_rem = max | append: 'rem' -%} --title-font-size: clamp({{ min_rem }}, calc({{ min_rem }} + ({{ max }} - {{ min }}) * ((100vw - 25rem) / (64 - 25))), {{ max_rem }}); + + {%- assign min_sc = section.settings.section_title_font_size_small -%} + {%- assign max_sc = section.settings.section_title_font_size_large -%} + {%- assign min_rem_sc = min_sc | append: 'rem' -%} + {%- assign max_rem_sc = max_sc | append: 'rem' -%} + --section-title-font-size: clamp({{ min_rem_sc }}, calc({{ min_rem_sc }} + ({{ max_sc }} - {{ min_sc }}) * ((100vw - 25rem) / (64 - 25))), {{ max_rem_sc }}); } {% endstyle %} @@ -47,6 +55,13 @@ Get the latest version: https://github.com/mirceapiturca/Sections/tree/master/FA color: var(--question-color); } + {{ id }} .faq-section-title { + border-bottom: 1px solid var(--section-border-color); + font-size: var(--section-title-font-size); + color: var(--section-title-color); + margin: {{ section.settings.section_margin_top }}rem auto {{ section.settings.section_margin_bottom }}rem + } + {{ id }} .faq-panel { will-change: height; border-bottom: 1px solid var(--border-color); @@ -91,7 +106,11 @@ Get the latest version: https://github.com/mirceapiturca/Sections/tree/master/FA