igor
/
portfoligor
1
1
Fork 0
Code Issues 9 Pull Requests Packages Projects 1 Releases 4 Wiki Activity

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>
iGor milhit 2024-10-28 09:09:40 +01:00
parent 93934b2502
commit c7a698a935
Signed by: igor
GPG Key ID: 692D97C3D0228A99
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
assets/scss/_lists.scss
View File

@ -4,6 +4,8 @@
// // // //
/////////////////// ///////////////////
@use "@picocss/pico/scss/colors/index" as *;
/* Lists of posts (like in categories page) */ /* Lists of posts (like in categories page) */
.posts-list { .posts-list {
display: flex; display: flex;
@ -60,7 +62,7 @@
} }
ul { ul {
padding: 0; padding: 0 0 calc(var(--pico-spacing)/1) 0;
} }
@ -79,6 +81,11 @@
white-space: pre; white-space: pre;
} }
} }
}
details[open] > ul {
border-bottom: var(--pico-border-width) solid $purple-200;
} }
@media (min-width: 576px) { @media (min-width: 576px) {

4
assets/scss/_medias.scss
View File

@ -9,7 +9,7 @@
.audio, .audio,
.stream { .stream {
border: $purple-200 solid var(--pico-border-width); border: var(--pico-border-width) solid $purple-200 ;
audio { audio {
border-radius: var(--pico-border-radius); border-radius: var(--pico-border-radius);
@ -60,7 +60,7 @@ figure {
border-radius: var(--pico-border-radius); border-radius: var(--pico-border-radius);
margin: var(--pico-spacing) auto; margin: var(--pico-spacing) auto;
padding: .4em; padding: .4em;
border: $purple-200 solid var(--pico-border-width); border: var(--pico-border-width) solid $purple-200 ;
width: 80%; width: 80%;
img { img {