website: add ul.style-arrow style.

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-->

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;
 }