devttl/reference
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

website: add ul.style-arrow style.

Browse Source
This commit is contained in:
jaywcjlove 2022-10-14 17:57:54 +08:00
parent 9e3b2b913f
commit 313df63ce2
2 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
docs/quickreference.md
View File

@ -655,6 +655,15 @@ H2 部分
`<!--rehype:className=style-round-->` `<!--rehype:className=style-round-->`
### 箭头标记
- Item 1
- Item 2
- Item 3
<!--rehype:className=style-arrow-->
`<!--rehype:className=style-arrow-->`
H2 部分 - 5列效果展示 H2 部分 - 5列效果展示
--- ---
<!--rehype:body-class=cols-5--> <!--rehype:body-class=cols-5-->

16
scripts/style.css
View File

@ -217,14 +217,14 @@ table.style-list td, table.style-list-arrow td {
text-align: left !important; text-align: left !important;
} }
table.style-list-arrow td:first-child::before { table.style-list-arrow td:first-child::before, ul.style-arrow li:before {
content: ''; content: '';
display: inline-block; display: inline-block;
width: 0px; width: 0px;
height: 0px; height: 0px;
border-right: 8px solid transparent; border-right: 6px solid transparent;
border-top: 5px solid transparent; border-top: 5px solid transparent;
border-left: 8px solid #228e6c; border-left: 6px solid #228e6c;
border-bottom: 5px solid transparent; border-bottom: 5px solid transparent;
} }
@ -597,7 +597,7 @@ body:not(.home) .h3wrap > h3:hover a::after {
border-bottom: solid 1px var(--color-border-muted); border-bottom: solid 1px var(--color-border-muted);
} }
.h2wrap-body ul:not(.style-none)>li::before { .h2wrap-body ul:not(.style-none):not(.style-arrow)>li::before {
content: ''; content: '';
position: absolute; position: absolute;
display: inline-block; display: inline-block;
@ -665,6 +665,14 @@ body:not(.home) .h3wrap > h3:hover a::after {
top: 14px; top: 14px;
} }
ul.style-arrow li:before {
/* left: -10px;
position: relative; */
position: absolute;
left: 13px;
top: 13px;
}
.wrap-body ul:last-child { .wrap-body ul:last-child {
margin-bottom: 0; margin-bottom: 0;
} }