fix: Scope card styles to section-with-cards
This commit is contained in:
parent
404f22fc5b
commit
de8c021eea
2 changed files with 20 additions and 18 deletions
|
|
@ -140,7 +140,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.card {
|
||||
.section-with-cards .card {
|
||||
@include transition();
|
||||
|
||||
&:hover {
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue