From 4667ca48cd490807c6da248b484237c02f73c99e Mon Sep 17 00:00:00 2001
From: jaywcjlove <jaywcjlove@users.noreply.github.com>
Date: Fri, 14 Oct 2022 08:30:56 +0000
Subject: [PATCH] feat(build): add `style-list-arrow` className.
 9e3b2b913fcfa9c17043ab3fbb4df324fa23ed46

---
 docs/quickreference.html | 25 +++++++++++++++++++++++++
 style/style.css          | 17 +++++++++++++++--
 2 files changed, 40 insertions(+), 2 deletions(-)

diff --git a/docs/quickreference.html b/docs/quickreference.html
index fbb9884a..cecb1d82 100644
--- a/docs/quickreference.html
+++ b/docs/quickreference.html
@@ -666,6 +666,31 @@
 <table class="style-list"><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>visualEffectState.inactive</code></td><td align="left">后台应一直显示为非激活状态。</td></tr><tr><td align="left"><code>titleBarStyle</code> <em>string</em> <em>(win/mac)</em></td><td align="left">窗口标题栏样式。默认值 <em>(default)</em></td></tr><tr><td align="left"><code>titleBarStyle.default</code></td><td align="left">分别返回 <em>mac</em> 或者 <em>win</em> 的标准标题栏</td></tr></tbody></table>
 <!--rehype:className=style-list-->
 <p><code>&#x3C;!--rehype:className=style-list--></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">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<table class="style-list-arrow"><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>visualEffectState.inactive</code></td><td align="left">后台应一直显示为非激活状态。</td></tr><tr><td align="left"><code>titleBarStyle</code> <em>string</em> <em>(win/mac)</em></td><td align="left">窗口标题栏样式。默认值 <em>(default)</em></td></tr><tr><td align="left"><code>titleBarStyle.default</code></td><td align="left">分别返回 <em>mac</em> 或者 <em>win</em> 的标准标题栏</td></tr></tbody></table>
+<!--rehype:className=style-list-arrow-->
+<p><code>&#x3C;!--rehype:className=style-list-arrow--></code></p>
 </div></div></div></div></div><div class="wrap"><div class="wrap-header h2wrap"><h2 id="列表"><a aria-hidden="true" tabindex="-1" href="#列表"><span class="icon icon-link"></span></a>列表</h2><div class="wrap-body">
 </div></div><div class="h2wrap-body"><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>
diff --git a/style/style.css b/style/style.css
index 3a2e6642..09faa67d 100644
--- a/style/style.css
+++ b/style/style.css
@@ -208,14 +208,26 @@ table.show-header thead {
   display: table-header-group;
 }
 
-table.style-list td + td {
+table.style-list td + td, table.style-list-arrow td + td {
   padding-top: 0 !important;
 }
-table.style-list td {
+
+table.style-list td, table.style-list-arrow td {
   display: block;
   text-align: left !important;
 }
 
+table.style-list-arrow td:first-child::before  {
+  content: '';
+  display: inline-block;
+  width: 0px;
+  height: 0px;
+  border-right: 8px solid transparent;
+  border-top: 5px solid transparent;
+  border-left: 8px solid #228e6c;
+  border-bottom: 5px solid transparent;
+}
+
 tt, code {
   font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
   font-size: 1em;
@@ -649,6 +661,7 @@ body:not(.home) .h3wrap > h3:hover a::after {
   width: 0.5rem;
   border-color: #228e6c;
   background: transparent;
+  border-style: solid;
   top: 14px;
 }