From d454d28283db62c3ea740d65da43c0136f505dc5 Mon Sep 17 00:00:00 2001 From: chenjh Date: Thu, 25 Feb 2021 09:38:24 +0800 Subject: [PATCH] =?UTF-8?q?=E3=80=90=E6=9B=B4=E6=96=B0=E6=96=87=E6=A1=A3?= =?UTF-8?q?=E3=80=91=E4=BC=98=E5=8C=96=E5=AA=92=E4=BD=93=E6=9F=A5=E8=AF=A2?= =?UTF-8?q?=E6=B8=B2=E6=9F=93=E5=B9=B6=E5=8F=96=E6=B6=88=E9=A6=96=E9=A1=B5?= =?UTF-8?q?=E7=89=88=E6=9C=AC=E5=90=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- _coverpage.md | 4 +- _styles/vue.css | 144 ++++++++++++++++++++++++++++-------------------- 2 files changed, 84 insertions(+), 64 deletions(-) diff --git a/_coverpage.md b/_coverpage.md index d35c2f0..f56ad97 100644 --- a/_coverpage.md +++ b/_coverpage.md @@ -1,9 +1,7 @@ -# RT-Thread 文档中心 内测版 +# RT-Thread 文档中心 ![logo](_media/icon.png) -> Document Center - [新手指导](/other/novice-guide/README.md) [标准版本](/rt-thread-version/rt-thread-standard/README.md) [Nano版本](/rt-thread-version/rt-thread-nano/an0038-nano-introduction.md) diff --git a/_styles/vue.css b/_styles/vue.css index 80e62ef..0f9f4b9 100644 --- a/_styles/vue.css +++ b/_styles/vue.css @@ -410,67 +410,8 @@ body.close .content { display: none; } } -@media screen and (max-width: 768px) { - .github-corner, - .sidebar-toggle, - .sidebar { - position: fixed; - } - .app-nav { - margin-top: 16px; - } - .app-nav li ul { - top: 30px; - } - main { - height: auto; - overflow-x: hidden; - } - .sidebar { - left: -300px; - transition: transform 250ms ease-out; - } - .content { - left: 0; - max-width: 100vw; - position: static; - padding-top: 20px; - transition: transform 250ms ease; - } - .app-nav, - .github-corner { - transition: transform 250ms ease-out; - } - .sidebar-toggle { - background-color: transparent; - width: auto; - padding: 30px 30px 10px 10px; - } - body.close .sidebar { - transform: translateX(300px); - } - body.close .sidebar-toggle { - background-color: rgba(255,255,255,0.8); - transition: 1s background-color; - width: 284px; - padding: 10px; - } - body.close .content { - transform: translateX(300px); - } - body.close .app-nav, - body.close .github-corner { - display: none; - } - .github-corner:hover .octo-arm { - -webkit-animation: none; - animation: none; - } - .github-corner .octo-arm { - -webkit-animation: octocat-wave 560ms ease-in-out; - animation: octocat-wave 560ms ease-in-out; - } -} + + @-webkit-keyframes octocat-wave { 0%, 100% { transform: rotate(0); @@ -870,3 +811,84 @@ pre::after { .docsify-tabs--classic .docsify-tabs__tab~.docsify-tabs__tab{ background:#fff; } +@media screen and (max-width: 768px) { + .github-corner, + .sidebar-toggle, + .sidebar { + position: fixed; + } + .app-nav { + margin-top: 16px; + } + .app-nav li ul { + top: 30px; + } + main { + height: auto; + overflow-x: hidden; + } + .sidebar { + left: -300px; + transition: transform 250ms ease-out; + } + .content { + left: 0; + max-width: 100vw; + position: static; + padding-top: 20px; + transition: transform 250ms ease; + } + .app-nav, + .github-corner { + transition: transform 250ms ease-out; + } + .sidebar-toggle { + background-color: transparent; + width: auto; + padding: 30px 30px 10px 10px; + } + body.close .sidebar { + transform: translateX(300px); + } + body.close .sidebar-toggle { + background-color: rgba(255,255,255,0.8); + transition: 1s background-color; + width: 284px; + padding: 10px; + } + body.close .content { + transform: translateX(300px); + } + body.close .app-nav, + body.close .github-corner { + display: none; + } + .github-corner:hover .octo-arm { + -webkit-animation: none; + animation: none; + } + .github-corner .octo-arm { + -webkit-animation: octocat-wave 560ms ease-in-out; + animation: octocat-wave 560ms ease-in-out; + } + +} + +@media screen and (max-width: 500px){ + .cover .cover-main h1{ + margin: 0.625rem 0 1rem + } + .cover .cover-main h1 span{ + font-size: 26px; + } + .cover blockquote { + display: none; + } + .cover .cover-main img{ + width: 80px; + } + section.cover .cover-main > p:last-child a { + width: 200px; + padding: 0.5em 2rem; + } +} \ No newline at end of file -- Gitee