From c7a698a93588fd4fdf8f87a7af93663424ff7c81 Mon Sep 17 00:00:00 2001
From: iGor milhit <igor@milhit.ch>
Date: Mon, 28 Oct 2024 09:09:40 +0100
Subject: [PATCH] scss: add a bottom border to post-infos content

- Adds a bottom border to post-infos content to improve readability.
- Improves the boder rules to comply with the proposed order of the
  border specification (width, style, color).

Co-Authored-by: iGor milhit <igor@milhit.ch>
---
 assets/scss/_lists.scss  | 9 ++++++++-
 assets/scss/_medias.scss | 4 ++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/assets/scss/_lists.scss b/assets/scss/_lists.scss
index 418d6c3..d33c501 100644
--- a/assets/scss/_lists.scss
+++ b/assets/scss/_lists.scss
@@ -4,6 +4,8 @@
 //               //
 ///////////////////
 
+@use "@picocss/pico/scss/colors/index" as *;
+
 /* Lists of posts (like in categories page) */
 .posts-list {
   display: flex;
@@ -60,7 +62,7 @@
   }
 
   ul {
-    padding: 0;
+    padding: 0 0 calc(var(--pico-spacing)/1) 0;
 
   }
 
@@ -79,6 +81,11 @@
       white-space: pre;
     }
   }
+
+}
+
+details[open] > ul {
+  border-bottom: var(--pico-border-width) solid $purple-200;
 }
 
 @media (min-width: 576px) {
diff --git a/assets/scss/_medias.scss b/assets/scss/_medias.scss
index 4272627..71e8533 100644
--- a/assets/scss/_medias.scss
+++ b/assets/scss/_medias.scss
@@ -9,7 +9,7 @@
 
 .audio,
 .stream {
-  border: $purple-200 solid var(--pico-border-width);
+  border: var(--pico-border-width) solid $purple-200 ;
 
   audio {
     border-radius: var(--pico-border-radius);
@@ -60,7 +60,7 @@ figure {
   border-radius: var(--pico-border-radius);
   margin: var(--pico-spacing) auto;
   padding: .4em;
-  border: $purple-200 solid var(--pico-border-width);
+  border: var(--pico-border-width) solid $purple-200 ;
   width: 80%;
 
   img {