diff options
Diffstat (limited to 'doc/docs/.vuepress/theme/styles/mobile.styl')
-rw-r--r-- | doc/docs/.vuepress/theme/styles/mobile.styl | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/doc/docs/.vuepress/theme/styles/mobile.styl b/doc/docs/.vuepress/theme/styles/mobile.styl new file mode 100644 index 0000000..f5bd327 --- /dev/null +++ b/doc/docs/.vuepress/theme/styles/mobile.styl | |||
@@ -0,0 +1,37 @@ | |||
1 | @require './config' | ||
2 | |||
3 | $mobileSidebarWidth = $sidebarWidth * 0.82 | ||
4 | |||
5 | // narrow desktop / iPad | ||
6 | @media (max-width: $MQNarrow) | ||
7 | .sidebar | ||
8 | font-size 15px | ||
9 | width $mobileSidebarWidth | ||
10 | .page | ||
11 | padding-left $mobileSidebarWidth | ||
12 | |||
13 | // wide mobile | ||
14 | @media (max-width: $MQMobile) | ||
15 | .sidebar | ||
16 | top 0 | ||
17 | padding-top $navbarHeight | ||
18 | transform translateX(-100%) | ||
19 | transition transform .2s ease | ||
20 | .page | ||
21 | padding-left 0 | ||
22 | .theme-container | ||
23 | &.sidebar-open | ||
24 | .sidebar | ||
25 | transform translateX(0) | ||
26 | &.no-navbar | ||
27 | .sidebar | ||
28 | padding-top: 0 | ||
29 | |||
30 | // narrow mobile | ||
31 | @media (max-width: $MQMobileNarrow) | ||
32 | h1 | ||
33 | font-size 1.9rem | ||
34 | {$contentClass} | ||
35 | div[class*="language-"] | ||
36 | margin 0.85rem -1.5rem | ||
37 | border-radius 0 | ||