diff options
| author | Volpeon <git@volpeon.ink> | 2021-05-12 20:57:49 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2021-05-12 20:57:49 +0200 |
| commit | 4f19f33e2638790f5829f2d010408c2389591fd6 (patch) | |
| tree | a94b1b0caba7dd2cefe7c64c24f2e7a4ccfdab0e | |
| parent | Design (diff) | |
| download | volpeon.ink-4f19f33e2638790f5829f2d010408c2389591fd6.tar.gz volpeon.ink-4f19f33e2638790f5829f2d010408c2389591fd6.tar.bz2 volpeon.ink-4f19f33e2638790f5829f2d010408c2389591fd6.zip | |
Simplified cards
| -rw-r--r-- | assets/css/components/_card.scss | 3 | ||||
| -rw-r--r-- | assets/css/components/_post-list.scss | 16 | ||||
| -rw-r--r-- | assets/css/components/_project.scss | 5 | ||||
| -rw-r--r-- | templates/layouts/categorized_list.html | 4 |
4 files changed, 9 insertions, 19 deletions
diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss index 6d06401..fd897a7 100644 --- a/assets/css/components/_card.scss +++ b/assets/css/components/_card.scss | |||
| @@ -54,8 +54,7 @@ | |||
| 54 | display: block; | 54 | display: block; |
| 55 | } | 55 | } |
| 56 | 56 | ||
| 57 | small, | 57 | * { |
| 58 | strong { | ||
| 59 | color: currentColor; | 58 | color: currentColor; |
| 60 | } | 59 | } |
| 61 | } | 60 | } |
diff --git a/assets/css/components/_post-list.scss b/assets/css/components/_post-list.scss index dc56724..6ddc9b7 100644 --- a/assets/css/components/_post-list.scss +++ b/assets/css/components/_post-list.scss | |||
| @@ -24,26 +24,18 @@ | |||
| 24 | } | 24 | } |
| 25 | 25 | ||
| 26 | @include element('post') { | 26 | @include element('post') { |
| 27 | @include next-twin-element { | 27 | color: prop(--colors --post --idle-fg); |
| 28 | margin-top: .6rem; | ||
| 29 | } | ||
| 30 | 28 | ||
| 31 | &:visited { | 29 | &:visited { |
| 32 | @include element('post-title') { | 30 | color: prop(--colors --post --visited-fg); |
| 33 | color: prop(--colors --post --visited-fg); | ||
| 34 | } | ||
| 35 | } | 31 | } |
| 36 | 32 | ||
| 37 | &:hover, | 33 | @include next-twin-element { |
| 38 | &:focus { | 34 | margin-top: .6rem; |
| 39 | @include element('post-date') { | ||
| 40 | color: currentColor; | ||
| 41 | } | ||
| 42 | } | 35 | } |
| 43 | } | 36 | } |
| 44 | 37 | ||
| 45 | @include element('post-title') { | 38 | @include element('post-title') { |
| 46 | color: prop(--colors --post --idle-fg); | ||
| 47 | //font-size: 1 / 16 * 17em; | 39 | //font-size: 1 / 16 * 17em; |
| 48 | font-weight: normal; | 40 | font-weight: normal; |
| 49 | } | 41 | } |
diff --git a/assets/css/components/_project.scss b/assets/css/components/_project.scss index 3df48d2..76cc68b 100644 --- a/assets/css/components/_project.scss +++ b/assets/css/components/_project.scss | |||
| @@ -34,9 +34,8 @@ | |||
| 34 | background-color: prop(--card --colors --hover --bg, $global: true); | 34 | background-color: prop(--card --colors --hover --bg, $global: true); |
| 35 | color: prop(--card --colors --hover --fg, $global: true); | 35 | color: prop(--card --colors --hover --fg, $global: true); |
| 36 | 36 | ||
| 37 | small, | 37 | * { |
| 38 | strong { | 38 | color: currentColor; |
| 39 | color: prop(--card --colors --hover --fg, $global: true); | ||
| 40 | } | 39 | } |
| 41 | } | 40 | } |
| 42 | } | 41 | } |
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html index ef9e061..0a881d2 100644 --- a/templates/layouts/categorized_list.html +++ b/templates/layouts/categorized_list.html | |||
| @@ -13,8 +13,8 @@ $body$ | |||
| 13 | </h2> | 13 | </h2> |
| 14 | $for(it.pages)$ | 14 | $for(it.pages)$ |
| 15 | <a href="$it.url.rel$" class="c-post-list__post c-card"> | 15 | <a href="$it.url.rel$" class="c-post-list__post c-card"> |
| 16 | <div class="c-card__content"> | 16 | <div class="c-card__content c-post-list__post-title"> |
| 17 | <strong class="c-post-list__post-title u-db">$it.title$</strong> | 17 | $it.title$ |
| 18 | </div> | 18 | </div> |
| 19 | $if(it.category.show_date)$ | 19 | $if(it.category.show_date)$ |
| 20 | <time datetime="$it.date.yyyy_mm_dd$" class="c-post-list__post-date c-card__content"> | 20 | <time datetime="$it.date.yyyy_mm_dd$" class="c-post-list__post-date c-card__content"> |