diff --git a/docs/chmod.html b/docs/chmod.html index 54209685..ab15bacd 100644 --- a/docs/chmod.html +++ b/docs/chmod.html @@ -38,7 +38,7 @@

这份快速参考备忘单提供了文件权限的简要概述,以及 chmod 命令的操作

入门

语法

$ chmod [options] <permissions> <file> 
 
diff --git a/docs/expressjs.html b/docs/expressjs.html index 9db714cf..2b27cfad 100644 --- a/docs/expressjs.html +++ b/docs/expressjs.html @@ -38,7 +38,7 @@

这是用于 Node.js 的快速、不拘一格、极简主义的 Web 框架,包含 Express.js 的 API 参考列表和一些示例。

入门

Hello World

    diff --git a/docs/javascript.html b/docs/javascript.html index e447e754..89426eee 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -41,7 +41,7 @@

    包含最重要概念、函数、方法等的 JavaScript 备忘单。 初学者的完整快速参考。

入门

+

入门

介绍

JavaScript 是一种轻量级的解释型编程语言。

    diff --git a/docs/jest.html b/docs/jest.html index dc7c095c..c05801f0 100644 --- a/docs/jest.html +++ b/docs/jest.html @@ -41,7 +41,7 @@

    Jest 是一款优雅、简洁的 JavaScript 测试框架,这里介绍了它的入门和 一些 API 的索引。

入门

介绍

diff --git a/docs/lessjs.html b/docs/lessjs.html index 26c55820..866633e5 100644 --- a/docs/lessjs.html +++ b/docs/lessjs.html @@ -39,7 +39,7 @@

本备忘单旨在快速理解 Less 所涉及的主要概念,显示了它的常用方法使用清单。

入门

介绍

Less(Leaner Style Sheets 的缩写)是一门向后兼容的 CSS 扩展语言

    diff --git a/docs/npm.html b/docs/npm.html index ac20277d..a7fb81ff 100644 --- a/docs/npm.html +++ b/docs/npm.html @@ -41,7 +41,7 @@

    这个 npm 快速参考备忘单显示了它的常用命令使用清单。

常用命令

包管理

diff --git a/docs/package.json.html b/docs/package.json.html index 5434f93f..f9f606ef 100644 --- a/docs/package.json.html +++ b/docs/package.json.html @@ -40,7 +40,7 @@

这个快速参考备忘清单,显示了关于 package.json 文件中所需内容的全部内容。

重要字段

介绍

本快速参考备忘清单是您需要了解的关于 package.json 文件中所需内容的全部内容。 它必须是实际的 JSON,而不仅仅是 JavaScript 对象字面量。

    diff --git a/docs/react.html b/docs/react.html index 721aab9b..5e5b4c1d 100644 --- a/docs/react.html +++ b/docs/react.html @@ -45,7 +45,7 @@

    适合初学者的综合 React 备忘清单。

入门

介绍

React 是一个用于构建用户界面的 JavaScript 库。

    diff --git a/docs/regex.html b/docs/regex.html index 18953135..3ae62ddc 100644 --- a/docs/regex.html +++ b/docs/regex.html @@ -41,7 +41,7 @@

    正则表达式 (regex) 的快速参考,包括符号、范围、分组、断言和一些示例模式,以帮助您入门。

入门

介绍

这是开始使用正则表达式(Regex)的快速备忘单。

    diff --git a/docs/styled-components.html b/docs/styled-components.html index 0ea14e1c..97178e26 100644 --- a/docs/styled-components.html +++ b/docs/styled-components.html @@ -41,7 +41,7 @@

    此快速参考备忘单提供了使用 CSS in JS 工具的各种方法。

入门

安装

Styled Components 是增强 CSS 在 React 组件系统样式的 CSS in JS 的最佳实践。

    diff --git a/docs/sublime-text.html b/docs/sublime-text.html index a3fd10dc..3845c4df 100644 --- a/docs/sublime-text.html +++ b/docs/sublime-text.html @@ -41,7 +41,7 @@

    这个 Sublime Text 快速参考备忘单显示了它的键盘快捷键和命令。

快捷键

文本编辑初学者

Sublime Text 是一个用于代码、标记的复杂文本编辑器。

diff --git a/docs/vue2.html b/docs/vue2.html index e64a015e..a23e05c0 100644 --- a/docs/vue2.html +++ b/docs/vue2.html @@ -42,7 +42,7 @@

渐进式 JavaScript 框架 Vue 2 备忘清单的快速参考列表,包含常用 API 和示例。

入门

+

入门

介绍

Vue 是一套用于构建用户界面的渐进式框架

    diff --git a/style/style.css b/style/style.css index 58b51026..8ae82d58 100644 --- a/style/style.css +++ b/style/style.css @@ -6,7 +6,8 @@ body { tab-size: 4; margin: 0; line-height: inherit; - font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', + 'Segoe UI Emoji'; } [data-color-mode*='dark'] body .dark { @@ -22,7 +23,8 @@ body { display: none; } -[data-color-mode*='light'], [data-color-mode*='light'] body { +[data-color-mode*='light'], +[data-color-mode*='light'] body { --color-prettylights-syntax-comment: #b1bac3; --color-prettylights-syntax-constant: #0550ae; --color-prettylights-syntax-entity: #8250df; @@ -42,7 +44,7 @@ body { --color-prettylights-syntax-markup-italic: #24292f; --color-prettylights-syntax-markup-bold: #24292f; --color-prettylights-syntax-markup-deleted-text: #82071e; - --color-prettylights-syntax-markup-deleted-bg: #FFEBE9; + --color-prettylights-syntax-markup-deleted-bg: #ffebe9; --color-prettylights-syntax-markup-inserted-text: #116329; --color-prettylights-syntax-markup-inserted-bg: #dafbe1; --color-prettylights-syntax-markup-changed-text: #953800; @@ -61,7 +63,7 @@ body { --color-bg-subtle: #f8f9fa; --color-border-default: #d0d7de; --color-border-muted: #ececec94; - --color-neutral-muted: rgba(175,184,193,0.2); + --color-neutral-muted: rgba(175, 184, 193, 0.2); --color-accent-fg: #0969da; --color-accent-emphasis: #0969da; --color-attention-subtle: #fff8c5; @@ -69,7 +71,8 @@ body { --box-shadow: 109 109 109; } -[data-color-mode*='dark'], [data-color-mode*='dark'] body { +[data-color-mode*='dark'], +[data-color-mode*='dark'] body { --color-prettylights-syntax-comment: #8b949e; --color-prettylights-syntax-constant: #79c0ff; --color-prettylights-syntax-entity: #d2a8ff; @@ -111,7 +114,7 @@ body { --color-neutral-muted: rgb(51 65 85/0.3); --color-accent-fg: #58a6ff; --color-accent-emphasis: #1f6feb; - --color-attention-subtle: rgba(187,128,9,0.15); + --color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #f85149; --box-shadow: 0 0 0; } @@ -121,18 +124,39 @@ body { background-color: var(--color-canvas-default); } -*, ::before, ::after { +*, +::before, +::after { box-sizing: border-box; } -blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { +blockquote, +dl, +dd, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +figure, +p, +pre { margin: 0; } -h1,h2,h3,h4,h5,h6 { +h1, +h2, +h3, +h4, +h5, +h6 { font-size: inherit; - font-weight: inherit + font-weight: inherit; } -ol, ul, menu { +ol, +ul, +menu { list-style: none; margin: 0; padding: 0; @@ -145,12 +169,16 @@ pur { color: var(--color-prettylights-syntax-entity); } -.wrap-body > p > code, .wrap-body > ul li > code, .wrap-body tbody td code { +.wrap-body > p > code, +.wrap-body > ul li > code, +.wrap-body tbody td code { --text-opacity: 1; - color: rgb(5 150 105/var(--text-opacity)); + color: rgb(5 150 105 / var(--text-opacity)); } -.wrap-body em, .wrap-body sup, .wrap-body sub { +.wrap-body em, +.wrap-body sup, +.wrap-body sub { color: var(--color-fg-subtle); } @@ -158,13 +186,16 @@ table { width: 100%; text-indent: 0; border-color: inherit; - border-collapse: collapse + border-collapse: collapse; } table td:first-child { white-space: nowrap; } -table.shortcuts td:not(:last-child)>code, table.shortcuts td:not(:last-child)>del>code, ul.shortcuts li > code, kbd { +table.shortcuts td:not(:last-child) > code, +table.shortcuts td:not(:last-child) > del > code, +ul.shortcuts li > code, +kbd { background-color: var(--color-neutral-muted); color: var(--color-fg-subtle); box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000; @@ -173,21 +204,23 @@ table.shortcuts td:not(:last-child)>code, table.shortcuts td:not(:last-child)>de border: 1px solid var(--color-border-muted); border-color: var(--color-border-default); line-height: 1.5; - font-family: Arial,Helvetica,sans-serif; + font-family: Arial, Helvetica, sans-serif; font-size: 12px; display: inline-block; border-radius: 3px; } -table tr+tr { +table tr + tr { border-top: solid 1px #ececec94; border-color: var(--color-border-muted); } -table td, table th { +table td, +table th { padding: 9px 14px; text-align: left; } -table tr th:last-child, table tr td:last-child { +table tr th:last-child, +table tr td:last-child { text-align: right; } @@ -199,13 +232,15 @@ table thead th { table thead { display: none; - border-bottom: solid 1px rgba(85,102,119,0.3); + border-bottom: solid 1px rgba(85, 102, 119, 0.3); } -table td:first-child>code { +table td:first-child > code { --text-opacity: 1; - color: rgb(5 150 105/var(--text-opacity)); + color: rgb(5 150 105 / var(--text-opacity)); } -table td > del, table td:first-child > del > code, .wrap-body p > del > code { +table td > del, +table td:first-child > del > code, +.wrap-body p > del > code { color: var(--color-danger-fg); } @@ -213,16 +248,19 @@ table.show-header thead { display: table-header-group; } -table.style-list td + td, table.style-list-arrow td + td { +table.style-list td + td, +table.style-list-arrow td + td { padding-top: 0 !important; } -table.style-list td, table.style-list-arrow td { +table.style-list td, +table.style-list-arrow td { display: block; text-align: left !important; } -table.style-list-arrow td:first-child::before, ul.style-arrow li:before { +table.style-list-arrow td:first-child::before, +ul.style-arrow li:before { content: ''; display: inline-block; width: 0px; @@ -233,8 +271,9 @@ table.style-list-arrow td:first-child::before, ul.style-arrow li:before { border-bottom: 5px solid transparent; } -tt, code { - font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; +tt, +code { + font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; font-size: 1em; } pre:only-child { @@ -244,7 +283,7 @@ pre:only-child { pre { margin-top: 0; margin-bottom: 0; - font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; + font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; word-wrap: normal; line-height: 1.5; overflow: hidden; @@ -254,8 +293,9 @@ pre { .max-container a { color: rgb(2 132 199/1); } -.max-container a, .max-container a:visited { - background-image: linear-gradient(transparent,transparent 6px,#34495e 6px,#34495e); +.max-container a, +.max-container a:visited { + background-image: linear-gradient(transparent, transparent 6px, #34495e 6px, #34495e); background-position: bottom; background-size: 100% 6px; background-repeat: repeat-x; @@ -265,7 +305,8 @@ pre { text-decoration-color: transparent; } -.max-container a:hover, .max-container a:visited:hover{ +.max-container a:hover, +.max-container a:visited:hover { text-decoration-color: #10b981; } @@ -276,7 +317,8 @@ pre { padding: 0.75rem; } -body.home .h1wrap-body, body.home .h1wrap .wrap-body { +body.home .h1wrap-body, +body.home .h1wrap .wrap-body { max-width: 940px; margin-left: auto; margin-right: auto; @@ -294,7 +336,7 @@ body.home .h2wrap > h2::after { width: 110%; margin-top: 0.5rem; --bg-opacity: 1; - background-color: rgb(30 41 59/var(--bg-opacity)); + background-color: rgb(30 41 59 / var(--bg-opacity)); } body.home .h1wrap .wrap-body p + p { margin-top: 1.6rem; @@ -311,8 +353,9 @@ body:not(.home) .h2wrap > .wrap-body > ul { body.home .h1wrap p { text-align: left; } -body.home .max-container a.home-button:hover, body.home .max-container a.home-button:visited:hover { - transition: all .3s; +body.home .max-container a.home-button:hover, +body.home .max-container a.home-button:visited:hover { + transition: all 0.3s; text-decoration-color: #fff; color: #fff; } @@ -320,16 +363,16 @@ body.home .max-container a.home-button:hover, body.home .max-container a.home-bu .home-card { display: grid; gap: 2rem; - grid-template-columns: repeat(2,minmax(0,1fr)); + grid-template-columns: repeat(2, minmax(0, 1fr)); } [data-color-mode*='light'] body .home-card a { --text-opacity: 0.75; - color: rgb(15 19 24/var(--text-opacity)); + color: rgb(15 19 24 / var(--text-opacity)); } [data-color-mode*='light'] body .home-card a:hover { --text-opacity: 0.85; - color: rgb(241 245 249/var(--text-opacity)) !important; + color: rgb(241 245 249 / var(--text-opacity)) !important; } .home-card a { display: flex; @@ -339,13 +382,13 @@ body.home .max-container a.home-button:hover, body.home .max-container a.home-bu border-radius: 0.5rem; padding: 0rem 1rem; height: 4rem; - box-shadow: 0 0 #0000,0 0 #0000,0 1px 2px 0 rgba(0,0,0,0.05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05); color: var(--color-fg-default); --text-opacity: 0.75; - color: rgb(241 245 249/var(--text-opacity)); + color: rgb(241 245 249 / var(--text-opacity)); --bg-opacity: 0.5; - background-color: rgb(62 69 72/var(--bg-opacity)); - transition: all .3s; + background-color: rgb(62 69 72 / var(--bg-opacity)); + transition: all 0.3s; text-decoration: none; } .home-card a:hover { @@ -374,23 +417,26 @@ a.home-button { margin-left: 1rem; margin-right: 1rem; --bg-opacity: 1; - background-color: rgb(10 147 102/var(--bg-opacity)); + background-color: rgb(10 147 102 / var(--bg-opacity)); --text-opacity: 1; - color: rgb(203 213 225/var(--text-opacity)); + color: rgb(203 213 225 / var(--text-opacity)); } a.home-button:hover { --bg-opacity: 0.5; } a.text-grey { --bg-opacity: 1; - background-color: rgb(56 76 109/var(--bg-opacity)); + background-color: rgb(56 76 109 / var(--bg-opacity)); } .header-nav .max-container { padding: 1.8rem 1.8rem 0; } -.header-nav .max-container, .header-nav .logo, .header-nav .menu, .header-nav .menu a { +.header-nav .max-container, +.header-nav .logo, +.header-nav .menu, +.header-nav .menu a { display: flex; justify-content: space-between; align-items: center; @@ -411,17 +457,19 @@ a.text-grey { font-size: 40px; } -.header-nav .menu a:hover, .header-nav .menu button:hover { +.header-nav .menu a:hover, +.header-nav .menu button:hover { background-color: var(--color-neutral-muted); } -.header-nav .menu a, .header-nav .menu button { +.header-nav .menu a, +.header-nav .menu button { padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; border-radius: 9999px; - transition: all .3s; + transition: all 0.3s; border: 0; } @@ -443,7 +491,8 @@ a.text-grey { font-size: 18px; } -.header-nav a, .header-nav a:visited { +.header-nav a, +.header-nav a:visited { color: var(--color-fg-default); line-height: 1.2; gap: 0.3rem; @@ -491,7 +540,7 @@ a.text-grey { max-height: 100vh; overflow: auto; background-color: var(--color-canvas-subtle); - box-shadow: 0 8px 24px rgba(var(--box-shadow)/0.2); + box-shadow: 0 8px 24px rgba(var(--box-shadow) / 0.2); } .menu-tocs > .menu-btn { border: 1px solid var(--color-border-default); @@ -505,7 +554,7 @@ a.text-grey { } .menu-tocs > .menu-modal { width: 260px; - position:absolute; + position: absolute; display: none; margin-left: -1rem; } @@ -532,7 +581,9 @@ a.text-grey { .menu-tocs > .menu-modal a.leve3 { padding-left: 1.2rem; } -.menu-tocs > .menu-modal a.leve4, .menu-tocs > .menu-modal a.leve5, .menu-tocs > .menu-modal a.leve6 { +.menu-tocs > .menu-modal a.leve4, +.menu-tocs > .menu-modal a.leve5, +.menu-tocs > .menu-modal a.leve6 { padding-left: 2.1rem; } @@ -544,7 +595,8 @@ a.text-grey { font-size: 30px; line-height: 1.2; font-weight: 200; - font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', + 'Droid Sans', 'Helvetica Neue', sans-serif; margin-top: 0; } @@ -555,7 +607,8 @@ a.text-grey { color: rgb(148 163 184/1); } -body:not(.home) .h2wrap > h2 a::after, body:not(.home) .h3wrap > h3 a::after { +body:not(.home) .h2wrap > h2 a::after, +body:not(.home) .h3wrap > h3 a::after { content: '#'; padding-right: 0.5rem; color: rgb(16 185 129/1); @@ -595,7 +648,8 @@ body:not(.home) .h2wrap-body > .wrap:hover .h3wrap > h3 a::after { letter-spacing: 0.05em; } -.wrap-header.h3wrap > .wrap-body p, .wrap-header.h4wrap > .wrap-body p { +.wrap-header.h3wrap > .wrap-body p, +.wrap-header.h4wrap > .wrap-body p { margin: 0px; width: 100%; padding-left: 1rem; @@ -610,7 +664,7 @@ body:not(.home) .h2wrap-body > .wrap:hover .h3wrap > h3 a::after { background-color: var(--color-bg-subtle); color: rgb(30 41 59/0); content: '-'; - line-height: 1.50rem; + line-height: 1.5rem; top: 0; position: absolute; left: 0px; @@ -648,7 +702,6 @@ body:not(.home) .h2wrap-body > .wrap:hover .h3wrap > h3 a::after { .h4wrap > .wrap-body ul, .h4wrap > .wrap-body ol, .h4wrap > .wrap-body dl, - .h3wrap > .wrap-body ul, .h3wrap > .wrap-body ol, .h3wrap > .wrap-body dl { @@ -656,7 +709,7 @@ body:not(.home) .h2wrap-body > .wrap:hover .h3wrap > h3 a::after { margin-bottom: 0.5rem; display: grid; list-style-position: outside; - grid-template-columns: repeat(1,minmax(0,1fr)); + grid-template-columns: repeat(1, minmax(0, 1fr)); } .h4wrap > .wrap-body ul + hr { @@ -678,7 +731,7 @@ body:not(.home) .h2wrap-body > .wrap:hover .h3wrap > h3 a::after { border-bottom: solid 1px var(--color-border-muted); } -.h2wrap-body ul:not(.style-none)>li::before { +.h2wrap-body ul:not(.style-none) > li::before { content: ''; position: absolute; display: inline-block; @@ -714,13 +767,13 @@ body:not(.home) .h2wrap-body > .wrap:hover .h3wrap > h3 a::after { width: 1.5rem; text-align: center; font-size: 0.875rem; - line-height: 1.30rem; + line-height: 1.3rem; border: 2px solid #228e6c; top: -1px; left: -14px; } .h2wrap-body ul.style-timeline li:last-child { - border-image: linear-gradient(to bottom,#46c69e96,rgba(0,0,0,0)) 1 100%; + border-image: linear-gradient(to bottom, #46c69e96, rgba(0, 0, 0, 0)) 1 100%; } .h2wrap-body ul.style-timeline li { border-bottom: 0 !important; @@ -763,7 +816,8 @@ body:not(.home) .h2wrap-body > .wrap:hover .h3wrap > h3 a::after { border-bottom: 0; } -.h3wrap hr, .h3wrap-body hr { +.h3wrap hr, +.h3wrap-body hr { border-width: 0; border-style: solid; border-color: #e5e7eb; @@ -772,7 +826,7 @@ body:not(.home) .h2wrap-body > .wrap:hover .h3wrap > h3 a::after { .h2wrap-body { font-size: 0.925rem; - grid-template-columns: repeat(3,minmax(0,1fr)); + grid-template-columns: repeat(3, minmax(0, 1fr)); flex-direction: column; } @@ -784,7 +838,7 @@ body:not(.home) .h2wrap-body > .wrap:hover .h3wrap > h3 a::after { border-radius: 0.5rem; padding-top: 1.5rem; margin-bottom: 1rem; - box-shadow: 0 0 #0000, 0 0 #0000, 0 6px 8px rgba(102,119,136,0.03),0 1px 2px rgba(102,119,136,0.3); + box-shadow: 0 0 #0000, 0 0 #0000, 0 6px 8px rgba(102, 119, 136, 0.03), 0 1px 2px rgba(102, 119, 136, 0.3); } .h2wrap-body > .wrap .wrap-body > *:last-child { @@ -801,33 +855,87 @@ 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; } -.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; } +.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; @@ -850,7 +958,7 @@ body:not(.home) .h2wrap-body > .wrap:hover .h3wrap > h3 a::after { opacity: 0; border-radius: 0.5rem; z-index: 1; - transition: opacity .6s; + transition: opacity 0.6s; line-height: 1.5; width: 220px; @@ -859,7 +967,7 @@ body:not(.home) .h2wrap-body > .wrap:hover .h3wrap > h3 a::after { margin-left: -110px; } .tooltip .tooltiptext::after { - content: ""; + content: ''; position: absolute; top: 100%; left: 50%; @@ -875,17 +983,34 @@ body:not(.home) .h2wrap-body > .wrap:hover .h3wrap > h3 a::after { } /* 代码高亮 Start */ -.token.comment, .token.prolog, .token.doctype, .token.cdata { +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { color: var(--color-prettylights-syntax-comment); } -.token.namespace { opacity: 0.7; } -.token.tag, .token.selector, .token.constant, .token.symbol, .token.deleted { +.token.namespace { + opacity: 0.7; +} +.token.tag, +.token.selector, +.token.constant, +.token.symbol, +.token.deleted { color: var(--color-prettylights-syntax-entity-tag); } .token.maybe-class-name { color: var(--color-prettylights-syntax-entity); } -.token.property-access, .token.operator, .token.boolean, .token.number, .token.selector .token.class, .token.attr-name, .token.string, .token.char, .token.builtin { +.token.property-access, +.token.operator, +.token.boolean, +.token.number, +.token.selector .token.class, +.token.attr-name, +.token.string, +.token.char, +.token.builtin { color: var(--color-prettylights-syntax-constant); } .token.deleted { @@ -910,13 +1035,23 @@ body:not(.home) .h2wrap-body > .wrap:hover .h3wrap > h3 a::after { .token.variable { color: var(--color-prettylights-syntax-constant); } -.token.entity, .token.url, .language-css .token.string, .style .token.string { +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string { color: var(--color-prettylights-syntax-string); } -.token.color, .token.atrule, .token.attr-value, .token.function, .token.class-name { +.token.color, +.token.atrule, +.token.attr-value, +.token.function, +.token.class-name { color: var(--color-prettylights-syntax-string); } -.token.rule, .token.regex, .token.important, .token.keyword { +.token.rule, +.token.regex, +.token.important, +.token.keyword { color: var(--color-prettylights-syntax-keyword); } .token.module { @@ -941,9 +1076,16 @@ body:not(.home) .h2wrap-body > .wrap:hover .h3wrap > h3 a::after { color: var(--color-prettylights-syntax-variable); } -.token.important, .token.bold { font-weight: bold; } -.token.italic { font-style: italic; } -.token.entity { cursor: help; } +.token.important, +.token.bold { + font-weight: bold; +} +.token.italic { + font-style: italic; +} +.token.entity { + cursor: help; +} .highlight-line { background-color: var(--color-neutral-muted); @@ -983,7 +1125,8 @@ body:not(.home) .h2wrap-body > .wrap:hover .h3wrap > h3 a::after { .header-nav .max-container { padding-top: 0.85rem; } - .header-nav .menu a, .header-nav .menu button { + .header-nav .menu a, + .header-nav .menu button { padding: 0.2rem 0.3rem; } .wrap-header.h1wrap > h1 { @@ -1026,11 +1169,13 @@ body:not(.home) .h2wrap-body > .wrap:hover .h3wrap > h3 a::after { table.auto-wrap thead { display: none; } - table.auto-wrap td, table.auto-wrap th { + table.auto-wrap td, + table.auto-wrap th { display: block; text-align: left !important; } - table td + td, table th + th { + table td + td, + table th + th { padding-top: 0 !important; } table td:first-child { @@ -1043,6 +1188,6 @@ body:not(.home) .h2wrap-body > .wrap:hover .h3wrap > h3 a::after { @media (min-width: 768px) { .home-card { - grid-template-columns: repeat(4,minmax(0,1fr)); + grid-template-columns: repeat(4, minmax(0, 1fr)); } }