diff --git a/assets/scss/_lists.scss b/assets/scss/_lists.scss index 418d6c3..6c5602d 100644 --- a/assets/scss/_lists.scss +++ b/assets/scss/_lists.scss @@ -60,7 +60,7 @@ } ul { - padding: 0; + padding: 0 0 calc(var(--pico-spacing)/1) 0; } @@ -79,6 +79,11 @@ white-space: pre; } } + +} + +details[open] > ul { + border-bottom: var(--pico-border-width) solid var(--pico-muted-border-color); } @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 {