fix: Scope card styles to section-with-cards

This commit is contained in:
Faris Ansari 2020-09-18 14:30:58 +05:30
parent 404f22fc5b
commit de8c021eea
2 changed files with 20 additions and 18 deletions

View file

@ -140,7 +140,7 @@
}
}
.card {
.section-with-cards .card {
@include transition();
&:hover {

View file

@ -20,22 +20,24 @@
</div>
{%- endmacro -%}
{%- if title -%}
<h2 class="section-title">{{ title }}</h2>
{%- endif -%}
{%- if subtitle -%}
<p class="section-description">{{ subtitle }}</p>
{%- endif -%}
{%- set card_size = card_size or 'Small' -%}
<div class="{{ resolve_class({'mt-6': title}) }}">
<div class="row mt-n6">
{%- for index in ['1', '2', '3', '4', '5', '6', '7', '8', '9'] -%}
{%- set title = values['card_' + index + '_title'] -%}
{%- set content = values['card_' + index + '_content'] -%}
{%- set url = values['card_' + index + '_url'] -%}
{%- if title -%}
{{ card(title, content, url) }}
{%- endif -%}
{%- endfor -%}
<div class="section-with-cards">
{%- if title -%}
<h2 class="section-title">{{ title }}</h2>
{%- endif -%}
{%- if subtitle -%}
<p class="section-description">{{ subtitle }}</p>
{%- endif -%}
{%- set card_size = card_size or 'Small' -%}
<div class="{{ resolve_class({'mt-6': title}) }}">
<div class="row mt-n6">
{%- for index in ['1', '2', '3', '4', '5', '6', '7', '8', '9'] -%}
{%- set title = values['card_' + index + '_title'] -%}
{%- set content = values['card_' + index + '_content'] -%}
{%- set url = values['card_' + index + '_url'] -%}
{%- if title -%}
{{ card(title, content, url) }}
{%- endif -%}
{%- endfor -%}
</div>
</div>
</div>