1 files changed, 34 insertions, 32 deletions
diff --git a/templates/partials/grid_card.html b/templates/partials/grid_card.html
index 6f6c16e..25cde52 100644
--- a/templates/partials/grid_card.html
+++ b/templates/partials/grid_card.html
@@ -1,38 +1,40 @@
 $if(it.url)$
    <a href="$it.url.rel$" class="l-card-list__card c-card">
-        $if(it.indicator)$
+        <div class="c-card__row">
-            <div class="c-card__block c-card__block--indicator"></div>
+            $if(it.indicator)$
-        $endif$
+                <div class="c-card__block c-card__block--indicator"></div>
-        $if(it.icon)$
+            $endif$
-            <svg class="c-card__block o-icon" width="1em" height="1em">
+            $if(it.icon)$
-                <use href="/symbols.svg#icon-$it.icon$"></use>
+                <svg class="c-card__block o-icon" width="1em" height="1em">
-            </svg>
+                    <use href="/symbols.svg#icon-$it.icon$"></use>
-        $endif$
+                </svg>
-        <div class="c-card__block c-card__block--main">
+            $endif$
-            $if(it.subtitle)$
+            <div class="c-card__block c-card__block--main">
-                <strong class="u-db u-elp">$it.title$</strong>
+                $if(it.subtitle)$
-                <small class="u-db u-elp">$it.subtitle$</small>
+                    <strong class="u-db u-elp">$it.title$</strong>
-            $elseif(it.category)$
+                    <small class="u-db u-elp">$it.subtitle$</small>
-                <small class="u-db u-elp">$it.category$</small>
+                $elseif(it.category)$
-                <strong class="u-db u-elp">$it.title$</strong>
+                    <small class="u-db u-elp">$it.category$</small>
-            $elseif(it.date)$
+                    <strong class="u-db u-elp">$it.title$</strong>
-                <time datetime="$it.date.yyyy_mm_dd$">
+                $elseif(it.date)$
-                    <small class="u-dn@sm-hi">
+                    <time datetime="$it.date.yyyy_mm_dd$">
-                        $it.date.short$
+                        <small class="u-dn@sm-hi">
-                    </small>
+                            $it.date.short$
-                    <small class="u-dn@sm-lo">
+                        </small>
-                        $it.date.long$
+                        <small class="u-dn@sm-lo">
-                    </small>
+                            $it.date.long$
-                </time>
+                        </small>
-                <strong class="u-db u-elp">$it.title$</strong>
+                    </time>
-            $else$
+                    <strong class="u-db u-elp">$it.title$</strong>
-                $it.title$
+                $else$
+                    $it.title$
+                $endif$
+            </div>
+            $if(it.post_icon)$
+                <svg class="c-card__block o-icon" width="1em" height="1em">
+                    <use href="/symbols.svg#icon-$it.post_icon$"></use>
+                </svg>
            $endif$
        </div>
-        $if(it.post_icon)$
-            <svg class="c-card__block o-icon" width="1em" height="1em">
-                <use href="/symbols.svg#icon-$it.post_icon$"></use>
-            </svg>
-        $endif$
    </a>
 $endif$

diff --git a/templates/partials/grid_card.html b/templates/partials/grid_card.html index 6f6c16e..25cde52 100644 --- a/templates/partials/grid_card.html +++ b/templates/partials/grid_card.html
@@ -1,38 +1,40 @@
1	$if(it.url)$	1	$if(it.url)$
2	<a href="$it.url.rel$" class="l-card-list__card c-card">	2	<a href="$it.url.rel$" class="l-card-list__card c-card">
3	$if(it.indicator)$	3	<div class="c-card__row">
4	<div class="c-card__block c-card__block--indicator"></div>	4	$if(it.indicator)$
5	$endif$	5	<div class="c-card__block c-card__block--indicator"></div>
6	$if(it.icon)$	6	$endif$
7	<svg class="c-card__block o-icon" width="1em" height="1em">	7	$if(it.icon)$
8	<use href="/symbols.svg#icon-$it.icon$"></use>	8	<svg class="c-card__block o-icon" width="1em" height="1em">
9	</svg>	9	<use href="/symbols.svg#icon-$it.icon$"></use>
10	$endif$	10	</svg>
11	<div class="c-card__block c-card__block--main">	11	$endif$
12	$if(it.subtitle)$	12	<div class="c-card__block c-card__block--main">
13	<strong class="u-db u-elp">$it.title$</strong>	13	$if(it.subtitle)$
14	<small class="u-db u-elp">$it.subtitle$</small>	14	<strong class="u-db u-elp">$it.title$</strong>
15	$elseif(it.category)$	15	<small class="u-db u-elp">$it.subtitle$</small>
16	<small class="u-db u-elp">$it.category$</small>	16	$elseif(it.category)$
17	<strong class="u-db u-elp">$it.title$</strong>	17	<small class="u-db u-elp">$it.category$</small>
18	$elseif(it.date)$	18	<strong class="u-db u-elp">$it.title$</strong>
19	<time datetime="$it.date.yyyy_mm_dd$">	19	$elseif(it.date)$
20	<small class="u-dn@sm-hi">	20	<time datetime="$it.date.yyyy_mm_dd$">
21	$it.date.short$	21	<small class="u-dn@sm-hi">
22	</small>	22	$it.date.short$
23	<small class="u-dn@sm-lo">	23	</small>
24	$it.date.long$	24	<small class="u-dn@sm-lo">
25	</small>	25	$it.date.long$
26	</time>	26	</small>
27	<strong class="u-db u-elp">$it.title$</strong>	27	</time>
28	$else$	28	<strong class="u-db u-elp">$it.title$</strong>
29	$it.title$	29	$else$
		30	$it.title$
		31	$endif$
		32	</div>
		33	$if(it.post_icon)$
		34	<svg class="c-card__block o-icon" width="1em" height="1em">
		35	<use href="/symbols.svg#icon-$it.post_icon$"></use>
		36	</svg>
30	$endif$	37	$endif$
31	</div>	38	</div>
32	$if(it.post_icon)$
33	<svg class="c-card__block o-icon" width="1em" height="1em">
34	<use href="/symbols.svg#icon-$it.post_icon$"></use>
35	</svg>
36	$endif$
37	</a>	39	</a>
38	$endif$	40	$endif$