devttl/reference
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add colors-named.md.

Browse Source
This commit is contained in:
jaywcjlove 2022-10-18 01:07:41 +08:00
parent d6a7ca3d7f
commit 6e10f42d0d
4 changed files with 1490 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
README.md
View File

@ -72,6 +72,7 @@ Quick Reference
## 其它
[Quick Reference](./docs/quickreference.md)<!--rehype:style=background: rgb(16 185 129/var(\-\-bg\-opacity));-->
[Colors Named](./docs/colors-named.md)<!--rehype:style=background: rgb(16 185 129/var(\-\-bg\-opacity));-->
[HTTP 状态码](./docs/http-status-code.md)<!--rehype:style=background: rgb(16 185 129/var(\-\-bg\-opacity));-->
[HTML 字符实体](./docs/html-char.md)<!--rehype:style=background: rgb(16 185 129/var(\-\-bg\-opacity));-->
[Emoji](./docs/emoji.md)<!--rehype:style=background: rgb(16 185 129/var(\-\-bg\-opacity));-->

1442
docs/colors-named.md Normal file
View File

File diff suppressed because it is too large Load Diff

15
docs/quickreference.md
View File

@ -215,6 +215,20 @@ const school = <div>学校</div>;
<!--rehype:className=shortcuts-->
### 隐藏卡片标题
<!--rehype:style=display:none;&wrap-style=padding-top: 0;-->
```
隐藏卡片标题，在 H3 标题下面添加注释样式
```
```markdown
### 隐藏卡片标题
<!--rehype:style=display:none;&wrap-style=padding-top: 0;-->
```
<!--rehype:className=wrap-text -->
布局
---
@ -273,7 +287,6 @@ H2 部分
放在 `## H2 部分` 下面的注释配置，与 `<!--rehype:body-class=cols-2-->` 相同，设置 2 栏布局。
### H3 部分
```markdown

76
scripts/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;