From 313df63ce21e71812647060b6bd46a2e4292b066 Mon Sep 17 00:00:00 2001
From: jaywcjlove <398188662@qq.com>
Date: Fri, 14 Oct 2022 17:57:54 +0800
Subject: [PATCH] website: add `ul.style-arrow ` style.

---
 docs/quickreference.md |  9 +++++++++
 scripts/style.css      | 16 ++++++++++++----
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/docs/quickreference.md b/docs/quickreference.md
index 3a6a90a..adf0088 100644
--- a/docs/quickreference.md
+++ b/docs/quickreference.md
@@ -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-->
diff --git a/scripts/style.css b/scripts/style.css
index 09faa67..ea287e3 100644
--- a/scripts/style.css
+++ b/scripts/style.css
@@ -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;
 }