diff options
| author | Volpeon <git@volpeon.ink> | 2022-06-17 09:08:44 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-06-17 09:08:44 +0200 |
| commit | ec019225bc15b10c18f7512b4d0bc9275b096cd3 (patch) | |
| tree | 61fcc8088c464375d375d01763eeacd1cc84e1ab /templates/partials/list_card.html | |
| parent | SMaller font sizes on sm viewport (diff) | |
| download | volpeon.ink-ec019225bc15b10c18f7512b4d0bc9275b096cd3.tar.gz volpeon.ink-ec019225bc15b10c18f7512b4d0bc9275b096cd3.tar.bz2 volpeon.ink-ec019225bc15b10c18f7512b4d0bc9275b096cd3.zip | |
Better font sizes
Diffstat (limited to 'templates/partials/list_card.html')
| -rw-r--r-- | templates/partials/list_card.html | 41 |
1 files changed, 25 insertions, 16 deletions
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> |