diff options
-rw-r--r-- | assets/css/layouts/_card-list.scss | 3 | ||||
-rw-r--r-- | templates/layouts/categorized_list.html | 12 |
2 files changed, 10 insertions, 5 deletions
diff --git a/assets/css/layouts/_card-list.scss b/assets/css/layouts/_card-list.scss index 3bbcc44..5642374 100644 --- a/assets/css/layouts/_card-list.scss +++ b/assets/css/layouts/_card-list.scss | |||
@@ -14,6 +14,7 @@ | |||
14 | flex-direction: column; | 14 | flex-direction: column; |
15 | gap: 2px; | 15 | gap: 2px; |
16 | margin-top: $line-height * .625rem; | 16 | margin-top: $line-height * .625rem; |
17 | margin-bottom: $line-height * .625rem; | ||
17 | filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)}); | 18 | filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)}); |
18 | 19 | ||
19 | @include modifier('grid', 'gallery') { | 20 | @include modifier('grid', 'gallery') { |
@@ -26,7 +27,7 @@ | |||
26 | } | 27 | } |
27 | 28 | ||
28 | @include modifier('gallery') { | 29 | @include modifier('gallery') { |
29 | gap: 30px; | 30 | gap: 20px; |
30 | } | 31 | } |
31 | 32 | ||
32 | @media print { | 33 | @media print { |
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html index 7bbfd8c..2f61f18 100644 --- a/templates/layouts/categorized_list.html +++ b/templates/layouts/categorized_list.html | |||
@@ -8,10 +8,7 @@ $body$ | |||
8 | $for(list)$ | 8 | $for(list)$ |
9 | <section> | 9 | <section> |
10 | <h2 class="s-invisible-links"> | 10 | <h2 class="s-invisible-links"> |
11 | <a href="$it.url.rel$"> | 11 | <a href="$it.url.rel$">$it.title$</a> |
12 | $it.title$ | ||
13 | $if(it.omitted)$→$endif$ | ||
14 | </a> | ||
15 | </h2> | 12 | </h2> |
16 | $if(it.description)$ | 13 | $if(it.description)$ |
17 | <div class="s-small s-colored-links">$it.description$</div> | 14 | <div class="s-small s-colored-links">$it.description$</div> |
@@ -29,6 +26,13 @@ $body$ | |||
29 | $it.items:partials/list_card()$ | 26 | $it.items:partials/list_card()$ |
30 | </div> | 27 | </div> |
31 | $endif$ | 28 | $endif$ |
29 | $if(it.omitted)$ | ||
30 | <div class="s-small s-invisible-links"> | ||
31 | <p> | ||
32 | <a href="$it.url.rel$">$it.omitted$ more items →</a> | ||
33 | </p> | ||
34 | </div> | ||
35 | $endif$ | ||
32 | </section> | 36 | </section> |
33 | $endfor$ | 37 | $endfor$ |
34 | </div> | 38 | </div> |