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

feat: add colors-named.md. 6e10f42d0d

Browse Source
This commit is contained in:
jaywcjlove
2022-10-17 17:08:29 +00:00
parent f2741dcb96
commit b2083421b0
4 changed files with 2250 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2206
docs/colors-named.html Normal file
View File

File diff suppressed because one or more lines are too long

8
docs/quickreference.html
View File

@ -255,6 +255,14 @@
<table class="shortcuts"><thead><tr><th align="left">:-</th><th>-</th></tr></thead><tbody><tr><td align="left"><code>&#x3C;yel></code></td><td><yel>黄色</yel></td></tr><tr><td align="left"><code>&#x3C;pur></code></td><td><pur>紫色</pur></td></tr><tr><td align="left"><code>&#x3C;code></code> 或 <code>``</code></td><td><code>绿</code><code>色</code></td></tr><tr><td align="left"><code>&#x3C;del></code> 或 <code>~~删除~~</code></td><td><del><del>红色</del></del></td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap" style="padding-top: 0;"><div class="wrap-header h3wrap"><h3 style="display:none;" id="隐藏卡片标题"><a aria-hidden="true" tabindex="-1" href="#隐藏卡片标题"><span class="icon icon-link"></span></a>隐藏卡片标题</h3><div class="wrap-body">
<!--rehype:style=display:none;&wrap-style=padding-top: 0;-->
<pre><code class="code-highlight"><span class="code-line">隐藏卡片标题，在 H3 标题下面添加注释样式
</span></code></pre>
<pre class="wrap-text "><code class="language-markdown code-highlight"><span class="code-line"><span class="token title important"><span class="token punctuation">###</span> 隐藏卡片标题</span>
</span><span class="code-line"><span class="token comment">&#x3C;!--rehype:style=display:none;&#x26;wrap-style=padding-top: 0;--></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
</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 row-span-2"><div class="wrap-header h3wrap"><h3 id="h2-部分"><a aria-hidden="true" tabindex="-1" href="#h2-部分"><span class="icon icon-link"></span></a>H2 部分</h3><div class="wrap-body">
<!--rehype:wrap-class=row-span-2-->

3
index.html
View File

@ -215,6 +215,9 @@
<path d="M14.56 13.89c-.06 0-.12-.01-.19-.02l-2.91-.74a.75.75 0 0 1 .37-1.45l2.91.74c.4.1.64.51.54.91-.08.34-.38.56-.72.56Z" fill="#228e6c"></path>
</svg>
<span>Quick Reference</span></a><!--rehype:style=background: rgb(16 185 129/var(\-\-bg\-opacity));-->
<a href="./docs/colors-named.html" style="background: rgb(16 185 129/var(\-\-bg\-opacity));"><svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="1em" width="1em">
<path d="M107.946667 838.4l57.173333 23.893333v-385.28l-103.68 250.026667c-17.493333 43.52 3.413333 93.44 46.506667 111.36z m832-157.866667L728.32 169.813333a85.888 85.888 0 0 0-77.226667-52.48c-11.093333 0-22.613333 1.706667-33.706666 6.4L302.933333 253.866667a85.290667 85.290667 0 0 0-46.08 110.933333l211.626667 510.72a85.248 85.248 0 0 0 110.933333 46.08l314.026667-130.133333a85.077333 85.077333 0 0 0 46.506667-110.933334zM336.213333 373.333333c-23.466667 0-42.666667-19.2-42.666666-42.666666s19.2-42.666667 42.666666-42.666667 42.666667 19.2 42.666667 42.666667-19.2 42.666667-42.666667 42.666666z m-85.333333 469.333334c0 46.933333 38.4 85.333333 85.333333 85.333333h61.866667l-147.2-355.84v270.506667z"></path>
</svg><span>Colors Named</span></a><!--rehype:style=background: rgb(16 185 129/var(\-\-bg\-opacity));-->
<a href="./docs/http-status-code.html" style="background: rgb(16 185 129/var(\-\-bg\-opacity));"><svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="1em" width="1em">
<path d="M107.946667 838.4l57.173333 23.893333v-385.28l-103.68 250.026667c-17.493333 43.52 3.413333 93.44 46.506667 111.36z m832-157.866667L728.32 169.813333a85.888 85.888 0 0 0-77.226667-52.48c-11.093333 0-22.613333 1.706667-33.706666 6.4L302.933333 253.866667a85.290667 85.290667 0 0 0-46.08 110.933333l211.626667 510.72a85.248 85.248 0 0 0 110.933333 46.08l314.026667-130.133333a85.077333 85.077333 0 0 0 46.506667-110.933334zM336.213333 373.333333c-23.466667 0-42.666667-19.2-42.666666-42.666666s19.2-42.666667 42.666666-42.666667 42.666667 19.2 42.666667 42.666667-19.2 42.666667-42.666667 42.666666z m-85.333333 469.333334c0 46.933333 38.4 85.333333 85.333333 85.333333h61.866667l-147.2-355.84v270.506667z"></path>
</svg><span>HTTP 状态码</span></a><!--rehype:style=background: rgb(16 185 129/var(\-\-bg\-opacity));-->

76
style/style.css
View File

@ -592,6 +592,10 @@ body:not(.home) .h2wrap-body > .wrap:hover .h3wrap > h3 a::after {
grid-template-columns: repeat(1,minmax(0,1fr));
}
.h4wrap > .wrap-body ul + hr {
margin-bottom: 0;
}
.h3wrap > .wrap-body ul:not(:last-child),
.h3wrap > .wrap-body ol,
.h3wrap > .wrap-body dl {
@ -729,48 +733,34 @@ body:not(.home) .h2wrap-body > .wrap:hover .h3wrap > h3 a::after {
overflow-x: auto;
}
.cols-1 {
grid-template-columns: repeat(1,minmax(0,1fr)) !important;
}
.cols-2 {
grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
.cols-3 {
grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}
.cols-4 {
grid-template-columns: repeat(4,minmax(0,1fr)) !important;
}
.cols-5 {
grid-template-columns: repeat(5,minmax(0,1fr)) !important;
}
.cols-6 {
grid-template-columns: repeat(6,minmax(0,1fr)) !important;
}
.col-span-2 {
grid-column: span 2/span 2;
}
.col-span-3 {
grid-column: span 3/span 3;
}
.col-span-4 {
grid-column: span 4/span 4;
}
.col-span-5 {
grid-column: span 5/span 5;
}
.row-span-2 {
grid-row: span 2/span 2;
}
.row-span-3 {
grid-row: span 3/span 3;
}
.row-span-4 {
grid-row: span 4/span 4;
}
.row-span-5 {
grid-row: span 5/span 5;
}
.cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) !important; }
.cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
.cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
.cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
.cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) !important; }
.cols-6 { grid-template-columns: repeat(6,minmax(0,1fr)) !important; }
.cols-7 { grid-template-columns: repeat(7,minmax(0,1fr)) !important; }
.cols-8 { grid-template-columns: repeat(8,minmax(0,1fr)) !important; }
.cols-9 { grid-template-columns: repeat(9,minmax(0,1fr)) !important; }
.col-span-2 { grid-column: span 2/span 2; }
.col-span-3 { grid-column: span 3/span 3; }
.col-span-4 { grid-column: span 4/span 4; }
.col-span-5 { grid-column: span 5/span 5; }
.col-span-6 { grid-column: span 6/span 6; }
.col-span-7 { grid-column: span 7/span 7; }
.col-span-8 { grid-column: span 8/span 8; }
.col-span-9 { grid-column: span 9/span 9; }
.col-span-10 { grid-column: span 10/span 10; }
.row-span-2 { grid-row: span 2/span 2; }
.row-span-3 { grid-row: span 3/span 3; }
.row-span-4 { grid-row: span 4/span 4; }
.row-span-5 { grid-row: span 5/span 5; }
.row-span-6 { grid-row: span 6/span 6; }
.row-span-7 { grid-row: span 7/span 7; }
.row-span-8 { grid-row: span 8/span 8; }
.row-span-9 { grid-row: span 9/span 9; }
.row-span-10 { grid-row: span 10/span 10; }
.wrap-text {
white-space: pre-wrap !important;
overflow-wrap: break-word !important;
@ -912,7 +902,7 @@ body:not(.home) .h2wrap-body > .wrap:hover .h3wrap > h3 a::after {
@media (min-width: 1024px) {
.h2wrap-body {
display: grid;
gap: 1.75rem;
gap: 0.95rem;
}
.h2wrap-body > .wrap {
margin-bottom: 0;