go-sylixos/elvish
3
0
Fork 0
mirror of https://github.com/go-sylixos/elvish.git synced 2024-11-27 23:11:20 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

website: Recreate the bullets of article lists with pseudo elements.

Browse Source
This commit is contained in:
Qi Xiao 2024-03-04 18:23:26 +00:00
parent 5e5ba7b52d
commit f30bdb5260
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
website/style.css
View File

@ -481,7 +481,8 @@ pre[class^="language-"][class$="-transcript"] header::before, pre.language-ttysh
}
.article-list li {
padding: 6px 8px;
/* A large left padding for the bullet list .*/
padding: 6px 8px 6px 30px;
margin: 0;
display: flex;
flex-wrap: wrap;
@ -495,6 +496,15 @@ pre[class^="language-"][class$="-transcript"] header::before, pre.language-ttysh
background: #222;
}
.article-list li header::before {
/* Using a flexbox for the <li> loses the bullet. Recreate it and position it
within the left-padding . */
content: "●";
position: absolute;
margin-left: -18px;
speak: never;
}
.article-list li time {
margin-left: auto;
padding-left: 16px;