buyfakett/reference
1
0
Fork 0
mirror of https://github.com/jaywcjlove/reference.git synced 2025-06-18 21:21:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

website: add ul.style-arrow style. 313df63ce2

Browse Source
This commit is contained in:
jaywcjlove
2022-10-14 09:58:41 +00:00
parent 4667ca48cd
commit 35d3ccde12
2 changed files with 20 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/quickreference.html
View File

@ -751,6 +751,14 @@
</ul> </ul>
<!--rehype:className=style-round--> <!--rehype:className=style-round-->
<p><code>&#x3C;!--rehype:className=style-round--></code></p> <p><code>&#x3C;!--rehype:className=style-round--></code></p>
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="箭头标记"><a aria-hidden="true" tabindex="-1" href="#箭头标记"><span class="icon icon-link"></span></a>箭头标记</h3><div class="wrap-body">
<ul class="style-arrow">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<!--rehype:className=style-arrow-->
<p><code>&#x3C;!--rehype:className=style-arrow--></code></p>
</div></div></div></div></div><div class="wrap"><div class="wrap-header h2wrap"><h2 id="h2-部分---5列效果展示"><a aria-hidden="true" tabindex="-1" href="#h2-部分---5列效果展示"><span class="icon icon-link"></span></a>H2 部分 - 5列效果展示</h2><div class="wrap-body"> </div></div></div></div></div><div class="wrap"><div class="wrap-header h2wrap"><h2 id="h2-部分---5列效果展示"><a aria-hidden="true" tabindex="-1" href="#h2-部分---5列效果展示"><span class="icon icon-link"></span></a>H2 部分 - 5列效果展示</h2><div class="wrap-body">
<!--rehype:body-class=cols-5--> <!--rehype:body-class=cols-5-->
</div></div><div class="h2wrap-body cols-5"><div class="wrap" style="background:#dba300;"><div class="wrap-header h3wrap"><h3 id="one"><a aria-hidden="true" tabindex="-1" href="#one"><span class="icon icon-link"></span></a>One</h3><div class="wrap-body"> </div></div><div class="h2wrap-body cols-5"><div class="wrap" style="background:#dba300;"><div class="wrap-header h3wrap"><h3 id="one"><a aria-hidden="true" tabindex="-1" href="#one"><span class="icon icon-link"></span></a>One</h3><div class="wrap-body">

16
style/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;
} }