From 4f19f33e2638790f5829f2d010408c2389591fd6 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 12 May 2021 20:57:49 +0200 Subject: Simplified cards --- assets/css/components/_card.scss | 3 +-- assets/css/components/_post-list.scss | 16 ++++------------ assets/css/components/_project.scss | 5 ++--- 3 files changed, 7 insertions(+), 17 deletions(-) (limited to 'assets') 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 @@ display: block; } - small, - strong { + * { color: currentColor; } } 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 @@ } @include element('post') { - @include next-twin-element { - margin-top: .6rem; - } + color: prop(--colors --post --idle-fg); &:visited { - @include element('post-title') { - color: prop(--colors --post --visited-fg); - } + color: prop(--colors --post --visited-fg); } - &:hover, - &:focus { - @include element('post-date') { - color: currentColor; - } + @include next-twin-element { + margin-top: .6rem; } } @include element('post-title') { - color: prop(--colors --post --idle-fg); //font-size: 1 / 16 * 17em; font-weight: normal; } 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 @@ background-color: prop(--card --colors --hover --bg, $global: true); color: prop(--card --colors --hover --fg, $global: true); - small, - strong { - color: prop(--card --colors --hover --fg, $global: true); + * { + color: currentColor; } } } -- cgit v1.2.3-70-g09d2