summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--assets/css/layouts/_card-list.scss2
-rw-r--r--templates/partials/gallery_card.html13
-rw-r--r--templates/partials/grid_card.html11
-rw-r--r--templates/partials/list_card.html41
4 files changed, 35 insertions, 32 deletions
diff --git a/assets/css/layouts/_card-list.scss b/assets/css/layouts/_card-list.scss
index d8f5df1..d983f8d 100644
--- a/assets/css/layouts/_card-list.scss
+++ b/assets/css/layouts/_card-list.scss
@@ -28,7 +28,7 @@
28 28
29 @include iro.bem-layout(iro.props-namespace()) { 29 @include iro.bem-layout(iro.props-namespace()) {
30 margin-top: fn.dim(--margin-top); 30 margin-top: fn.dim(--margin-top);
31 font-size: 1rem; 31 font-size: fn.global-dim(--font-size --100);
32 32
33 @include iro.bem-elem('header') { 33 @include iro.bem-elem('header') {
34 margin-top: fn.dim(--margin-top); 34 margin-top: fn.dim(--margin-top);
diff --git a/templates/partials/gallery_card.html b/templates/partials/gallery_card.html
index 4fe40a7..deffb3f 100644
--- a/templates/partials/gallery_card.html
+++ b/templates/partials/gallery_card.html
@@ -31,21 +31,18 @@ $if(it.thumbnail)$
31 $endif$ 31 $endif$
32 <div class="l-media__block l-media__block--main"> 32 <div class="l-media__block l-media__block--main">
33 $if(it.subtitle)$ 33 $if(it.subtitle)$
34 <strong class="u-d-block u-elp" itemprop="name headline">$it.title$</strong> 34 <strong class="u-d-block u-elp">$it.title$</strong>
35 <small class="u-d-block u-elp p-name">$it.subtitle$</small> 35 <small class="u-d-block u-elp">$it.subtitle$</small>
36 $elseif(it.category)$ 36 $elseif(it.category)$
37 <small class="u-d-block u-elp">$it.category$</small> 37 <small class="u-d-block u-elp">$it.category$</small>
38 <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong> 38 <strong class="u-d-block u-elp">$it.title$</strong>
39 $elseif(it.date)$ 39 $elseif(it.date)$
40 <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated"> 40 <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated">
41 <small class="u-d-none@sm-hi"> 41 <small>
42 $it.date.short$
43 </small>
44 <small class="u-d-none@sm-lo">
45 $it.date.long$ 42 $it.date.long$
46 </small> 43 </small>
47 </time> 44 </time>
48 <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong> 45 <strong class="u-d-block u-elp">$it.title$</strong>
49 $else$ 46 $else$
50 <span class="p-name" itemprop="name headline"> 47 <span class="p-name" itemprop="name headline">
51 $it.title$ 48 $it.title$
diff --git a/templates/partials/grid_card.html b/templates/partials/grid_card.html
index c8c110c..9af9415 100644
--- a/templates/partials/grid_card.html
+++ b/templates/partials/grid_card.html
@@ -18,21 +18,18 @@ $if(it.url)$
18 $endif$ 18 $endif$
19 <div class="l-media__block l-media__block--main"> 19 <div class="l-media__block l-media__block--main">
20 $if(it.subtitle)$ 20 $if(it.subtitle)$
21 <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong> 21 <strong class="u-d-block u-elp">$it.title$</strong>
22 <small class="u-d-block u-elp">$it.subtitle$</small> 22 <small class="u-d-block u-elp">$it.subtitle$</small>
23 $elseif(it.category)$ 23 $elseif(it.category)$
24 <small class="u-d-block u-elp">$it.category$</small> 24 <small class="u-d-block u-elp">$it.category$</small>
25 <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong> 25 <strong class="u-d-block u-elp">$it.title$</strong>
26 $elseif(it.date)$ 26 $elseif(it.date)$
27 <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated"> 27 <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated">
28 <small class="u-d-none@sm-hi"> 28 <small>
29 $it.date.short$
30 </small>
31 <small class="u-d-none@sm-lo">
32 $it.date.long$ 29 $it.date.long$
33 </small> 30 </small>
34 </time> 31 </time>
35 <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong> 32 <strong class="u-d-block u-elp">$it.title$</strong>
36 $else$ 33 $else$
37 <span class="p-name" itemprop="name headline"> 34 <span class="p-name" itemprop="name headline">
38 $it.title$ 35 $it.title$
diff --git a/templates/partials/list_card.html b/templates/partials/list_card.html
index 6335786..744ca8a 100644
--- a/templates/partials/list_card.html
+++ b/templates/partials/list_card.html
@@ -16,27 +16,36 @@ $if(it.url)$
16 <use href="/icons.svg#$it.icon$"></use> 16 <use href="/icons.svg#$it.icon$"></use>
17 </svg> 17 </svg>
18 $endif$ 18 $endif$
19 <div class="l-media__block l-media__block--main p-name" itemprop="name headline"> 19 <div class="l-media__block l-media__block--main u-d-none@sm-hi">
20 $if(it.subtitle)$
21 <small class="u-d-block">$it.subtitle$</small>
22 <strong class="u-d-block">$it.title$</strong>
23 $elseif(it.category)$
24 <small class="u-d-block">$it.category$</small>
25 <strong class="u-d-block">$it.title$</strong>
26 $elseif(it.date)$
27 <time datetime="$it.date.yyyy_mm_dd$" class="u-d-block"><small>$it.date.long$</small></time>
28 <strong class="u-d-block">$it.title$</strong>
29 $else$
30 <span class="p-name" itemprop="name headline">
31 $it.title$
32 </span>
33 $endif$
34 </div>
35 <div class="l-media__block l-media__block--main u-d-none@sm-lo">
20 $it.title$ 36 $it.title$
21 </div> 37 </div>
22 $if(it.subtitle)$ 38 $if(it.subtitle)$
23 <div class="l-media__block u-fs0"> 39 <small class="l-media__block u-d-none@sm-lo">
24 <small> 40 $it.subtitle$
25 $it.subtitle$ 41 </small>
26 </small>
27 </div>
28 $elseif(it.category)$ 42 $elseif(it.category)$
29 <div class="l-media__block u-fs0"> 43 <small class="l-media__block u-d-none@sm-lo">
30 <small> 44 $it.category$
31 $it.category$ 45 </small>
32 </small>
33 </div>
34 $elseif(it.date)$ 46 $elseif(it.date)$
35 <time datetime="$it.date.yyyy_mm_dd$" class="l-media__block u-fs0" itemprop="dateCreated"> 47 <time datetime="$it.date.yyyy_mm_dd$" class="l-media__block u-d-none@sm-lo" itemprop="dateCreated">
36 <small class="u-d-none@sm-hi"> 48 <small>
37 $it.date.short$
38 </small>
39 <small class="u-d-none@sm-lo">
40 $it.date.long$ 49 $it.date.long$
41 </small> 50 </small>
42 </time> 51 </time>