vuepress-theme-reco/styles/mobile.styl

42 lines
838 B
Stylus
Raw Normal View History

2019-04-15 10:35:40 +08:00
// @require './config'
$mobileSidebarWidth = $sidebarWidth * 0.82
// narrow desktop / iPad
@media (max-width: $MQNarrow)
.sidebar
font-size 15px
width $mobileSidebarWidth
.page
padding-left $mobileSidebarWidth
2019-05-05 11:18:15 +08:00
.password-shadow
padding-left $mobileSidebarWidth
2019-04-15 10:35:40 +08:00
// wide mobile
@media (max-width: $MQMobile)
.sidebar
top 0
padding-top $navbarHeight
transform translateX(-100%)
transition transform .2s ease
.page
padding-left 0
.theme-container
&.sidebar-open
.sidebar
transform translateX(0)
&.no-navbar
.sidebar
padding-top: 0
2019-05-05 11:18:15 +08:00
.password-shadow
padding-left 0
2019-04-15 10:35:40 +08:00
// narrow mobile
@media (max-width: $MQMobileNarrow)
h1
font-size 1.9rem
.content__default
2019-04-15 10:35:40 +08:00
div[class*="language-"]
margin 0.85rem -1.5rem
border-radius 0