From 7081a37cf2d6d729a4589b2ded2a6c953a084395 Mon Sep 17 00:00:00 2001 From: Chocolate1999 <2816778271@qq.com> Date: Sun, 17 Jul 2022 20:57:45 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=20readme=20=E5=92=8C?= =?UTF-8?q?=E6=9B=B4=E6=94=B9=E6=95=B4=E7=AB=99=20font-size?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 47 +++++++- src/components/ContextSwitcher.jsx | 2 +- src/css/tailwind.css | 172 +++++++++++++++-------------- 3 files changed, 136 insertions(+), 85 deletions(-) diff --git a/README.md b/README.md index cf4d360c..a856da23 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,48 @@ -## 增加文档规范 +## 项目介绍 + +本项目基于 [Digital-Support-Notes](https://github.com/PatelN123/Digital-Support-Notes)修改，内容为前端相关， 如果对您有帮助，不妨给本项目来个 start ⭐️，感谢您的支持！ + + +## 项目规范 + +### 增加文档规范 现在文档书写流程简化成只需要配置根目录下的 `sidebarConfig.js` 文件，内附说明。 -> 注意，每个文档目录需要添加一个 `index.mdx` 入口文件，对应落地页，可添加一段描述，例：`design-pattern/index.mdx` \ No newline at end of file +> 注意，每个文档目录需要添加一个 `index.mdx` 入口文件，对应落地页，可添加一段描述，例：`design-pattern/index.mdx` + + +## 申明 + +博客中的每篇文章都是我一字一句敲出来的，如需转载，请附上原文链接，表示对原作者的尊重。谢谢合作！ + +本站以**分享互联网经验、学习知识为目的**，所有文章所涉及使用的工具、资源等均来自互联网， 仅供学习和研究使用，版权归作者所有，如果无意之中侵犯了您的版权，请来信告知。本站将在第一时间删除！另外， 本站内的文章多为博主原创，大部分是由 CSDN、掘金、公众号等平台搬迁过来，仅供学习交流之用，不参与商业用途。 + +遵守相关法律法规，由于本站资源部分来源于网络，开发也是使用开源模板，故无法核实资源侵权的真实性，无论出于何种目的要求本站删除内容，“您”均**需要提供相关证明，否则不予处理**。 + +## 排版 + +笔记内容按照 中文文案排版指北进行排版。 + +## 结尾 + +一起交流学习可以加企鹅群【666151691】 + + +欢迎关注微信公众号：小狮子前端 + +![](https://img-blog.csdnimg.cn/img_convert/43c196751f4984c71011557d06e7e9b6.png) + +可以联系到我，谢谢您的支持！✿✿ヽ(°▽°)ノ✿ + +## Contribution + +Thank you to all the people who already contributed to my project! + + + +## License + +[MIT](https://opensource.org/licenses/MIT) + +Copyright (c) 2022-present, Chocolate199 diff --git a/src/components/ContextSwitcher.jsx b/src/components/ContextSwitcher.jsx index ec2ca539..c99518f7 100644 --- a/src/components/ContextSwitcher.jsx +++ b/src/components/ContextSwitcher.jsx @@ -71,7 +71,7 @@ const ContextSwitcher = ({ className }) => { aria-hidden="true" alt={context.name} /> - + {context.name} diff --git a/src/css/tailwind.css b/src/css/tailwind.css index a0cb7135..fcb0a678 100644 --- a/src/css/tailwind.css +++ b/src/css/tailwind.css @@ -50,8 +50,8 @@ /* Tailwind theming */ - --docs-color-primary: #5FA0FF; - --docs-color-primary-100: #5FA0FF; + --docs-color-primary: #5fa0ff; + --docs-color-primary-100: #5fa0ff; --docs-color-text: #000000; --docs-color-text-100: #646464; @@ -68,7 +68,6 @@ --color-canvas-100: var(--docs-color-background-100); --color-canvas-200: var(--docs-color-background-200); --color-canvas-300: var(--docs-color-background-300); - } html[data-theme='dark'] { @@ -99,15 +98,14 @@ --color-canvas-100: var(--docs-color-background-100); --color-canvas-200: var(--docs-color-background-200); --color-canvas-300: var(--docs-color-background-300); - } } -html[data-theme='dark'] .markdown li{ +html[data-theme='dark'] .markdown li { color: #f5f5f5; } -html[data-theme='dark'] .tabs-container{ +html[data-theme='dark'] .tabs-container { color: #f5f5f5; } @@ -116,14 +114,14 @@ body { } @media screen and (max-width: 1000px) { - .navbar-sidebar{ + .navbar-sidebar { background-color: #ffffff; } html[data-theme='dark'] .navbar-sidebar { background-color: #161616; } .navbar { - backdrop-filter: unset !important + backdrop-filter: unset !important; } } @@ -137,13 +135,22 @@ body { div[class^='announcementBar_'] { height: var(--docusaurus-announcement-bar-height); - background-image: linear-gradient(45deg,#94aaf7 25%,#c2cfff 0,#c2cfff 50%,#94aaf7 0,#94aaf7 75%,#c2cfff 0,#c2cfff); + background-image: linear-gradient( + 45deg, + #94aaf7 25%, + #c2cfff 0, + #c2cfff 50%, + #94aaf7 0, + #94aaf7 75%, + #c2cfff 0, + #c2cfff + ); background-size: 56.57px 56.57px; font-weight: 550; } .dropdown .navbar__link { - font-size: initial!important; + font-size: 16px; line-height: 1.25rem; } @@ -176,9 +183,8 @@ code { width: auto; } - .py-6 { - padding-top: 0rem!important; + padding-top: 0rem !important; padding-bottom: 1.5rem; } @@ -244,11 +250,11 @@ svg.mr-2.h-8 { /* Sidebar nav header */ .menu > .menu__list > .menu__list-item > .menu__link { - @apply mb-1 text-xs font-light tracking-normal text-text-100; + @apply mb-1 text-base font-light tracking-normal text-text-100; } .menu > .menu__list > .menu__list-item { - @apply mb-4 text-sm; + @apply mb-4 text-base; } div[class^='sidebar_'] @@ -267,7 +273,7 @@ div[class^='sidebar_'] } .menu > .menu__list > .menu__list-item > .menu__link { - @apply mt-3 text-sm font-normal text-text-100; + @apply mt-3 text-base font-normal text-text-100; } .menu > .menu__list > .menu__list-item > .menu__link--active:only-child { @@ -298,11 +304,16 @@ hr { } .dropdown .navbar__link { - @apply text-sm; + @apply text-base; +} + +.navbar__title { + font-size: 16px; } .navbar__item { display: block; + font-size: 16px; } .dropdown { @@ -316,8 +327,6 @@ hr { @apply bg-background-100; } - - .dropdown__link { border-radius: 0; margin: 0; @@ -340,10 +349,9 @@ hr { } .navbar-sidebar__back { - @apply text-sm font-medium; + @apply text-base font-medium; } - /* Fixes hidden dropdown in mobile sidebar */ .footer__link-separator, .navbar__item { @@ -351,7 +359,7 @@ hr { } .menu > .menu__list > .menu__list-item > .menu__link:only-child { - font-size: 14px; + font-size: 16px; margin: 0; } @@ -406,7 +414,7 @@ hr { } .sl-text-base { - @apply !text-sm; + @apply !text-base; } .sl-elements a { @@ -609,11 +617,15 @@ html[data-theme='dark'] .sl-text-warning { } .menu > .menu__list > .menu__list-item > .menu__link { - margin-top: 0!important; + margin-top: 0 !important; } .markdown { - line-height: 1.50rem; + line-height: 1.5rem; +} + +.markdown p { + font-size: 16px; } code { @@ -625,7 +637,8 @@ b { @apply font-extrabold; } -strong, b { +strong, +b { font-weight: 700; } @@ -633,52 +646,49 @@ strong, b { font-size: 14px; } -@media screen and (min-width: 805px) and (max-width: 1300px), (max-width: 800px) { - .footer__link-separator, .navbar__item { - display: none!important; +@media screen and (min-width: 805px) and (max-width: 1300px), + (max-width: 800px) { + .footer__link-separator, + .navbar__item { + display: none !important; } .feature-req { - display: none!important; + display: none !important; } } - feature-req { align-items: center; - background: linear-gradient( -90deg -,#495fff,#18c6ff 114.68%); - border-radius: 200px; - color: #fff; - font-size: .75rem; - font-weight: 600; - line-height: 100%; - margin-inline-start: .5rem; - padding: .375rem .625rem; - transition: opacity .2s ease-out; - white-space: nowrap; - width: max-content; + background: linear-gradient(90deg, #495fff, #18c6ff 114.68%); + border-radius: 200px; + color: #fff; + font-size: 0.75rem; + font-weight: 600; + line-height: 100%; + margin-inline-start: 0.5rem; + padding: 0.375rem 0.625rem; + transition: opacity 0.2s ease-out; + white-space: nowrap; + width: max-content; } .feature-req { align-items: center; - background: linear-gradient( -90deg -,#495fff,#18c6ff 114.68%); - border-radius: 7px; - color: #fff; - font-size: .75rem; - font-weight: 600; - line-height: 100%; - margin-inline-start: .5rem; - padding: .375rem .625rem; - transition: opacity .2s ease-out; - white-space: nowrap; - width: max-content; + background: linear-gradient(90deg, #495fff, #18c6ff 114.68%); + border-radius: 7px; + color: #fff; + font-size: 0.75rem; + font-weight: 600; + line-height: 100%; + margin-inline-start: 0.5rem; + padding: 0.375rem 0.625rem; + transition: opacity 0.2s ease-out; + white-space: nowrap; + width: max-content; } .feature-req:hover { - background: linear-gradient(90deg,#495fffbd,#18c6ffba 114.68%); + background: linear-gradient(90deg, #495fffbd, #18c6ffba 114.68%); color: white; } @@ -695,35 +705,34 @@ a.navbar__item.navbar__link.feature-req.navbar__link--active { } .greennumbercode { - color: #48A14D; + color: #48a14d; } .pinknumbercode { - color: #D288A2; + color: #d288a2; } .orangenumbercode { - color: #ED944D; + color: #ed944d; } .DocSearch-Button { - align-items: center; - background: var(--docsearch-searchbox-background); - border: 0; - border-radius: 10px; - color: var(--docsearch-muted-color); - cursor: pointer; - display: flex; - font-weight: 500; - height: 36px; - justify-content: space-between; - padding: 0 8px; - user-select: none; + align-items: center; + background: var(--docsearch-searchbox-background); + border: 0; + border-radius: 10px; + color: var(--docsearch-muted-color); + cursor: pointer; + display: flex; + font-weight: 500; + height: 36px; + justify-content: space-between; + padding: 0 8px; + user-select: none; } - .grey { - color: #8d949e + color: #8d949e; } html[data-theme='dark'] .grey { @@ -740,13 +749,13 @@ html[data-theme='dark'] p { h1 { color: #444950; - font-size: 1.7rem!important; + font-size: 1.7rem !important; font-weight: 599 !important; } html[data-theme='dark'] h1 { color: #d9d9d9; - font-size: 1.7rem!important; + font-size: 1.7rem !important; font-weight: 599 !important; } @@ -799,7 +808,7 @@ html[data-theme='dark'] .markdown > h4 { opacity: 0.6; } -.header-github-link:before{ +.header-github-link:before { content: ''; display: flex; width: 30px; @@ -820,14 +829,13 @@ html[data-theme='dark'] .markdown > h4 { width: 24px; height: 24px; display: flex; - background: url("/social/phsize.svg") - no-repeat; + background: url('/social/phsize.svg') no-repeat; } html[data-theme='dark'] .header-github-link:before { - background: no-repeat center/24px url("/social/github-white.svg"); + background: no-repeat center/24px url('/social/github-white.svg'); } html[data-theme='dark'] .header-prod-link:before { - background: no-repeat center/24px url("/social/phsizewhite.svg"); -} \ No newline at end of file + background: no-repeat center/24px url('/social/phsizewhite.svg'); +}