diff --git a/_coverpage.md b/_coverpage.md index d35c2f017c9c1eb075723024bd525baea1451357..f56ad978d747b423e74a89b0fe9884b78a84d450 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 80e62ef132592ac438e3279796da70f6e9957093..0f9f4b9b0cfd081fa55bcc5a7edfb85fa15a553f 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