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-->`
### 箭头标记
- Item 1
- Item 2
- Item 3
<!--rehype:className=style-arrow-->
`<!--rehype:className=style-arrow-->`
H2 部分 - 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;
}
table.style-list-arrow td:first-child::before {
table.style-list-arrow td:first-child::before, ul.style-arrow li:before {
content: '';
display: inline-block;
width: 0px;
height: 0px;
border-right: 8px solid transparent;
border-right: 6px solid transparent;
border-top: 5px solid transparent;
border-left: 8px solid #228e6c;
border-left: 6px solid #228e6c;
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);
}
.h2wrap-body ul:not(.style-none)>li::before {
.h2wrap-body ul:not(.style-none):not(.style-arrow)>li::before {
content: '';
position: absolute;
display: inline-block;
@ -665,6 +665,14 @@ body:not(.home) .h3wrap > h3:hover a::after {
top: 14px;
}
ul.style-arrow li:before {
/* left: -10px;
position: relative; */
position: absolute;
left: 13px;
top: 13px;
}
.wrap-body ul:last-child {
margin-bottom: 0;
}