40 lines
816 B
Stylus
40 lines
816 B
Stylus
// @require './config'
|
|
|
|
$mobileSidebarWidth = $sidebarWidth * 0.82
|
|
|
|
// narrow desktop / iPad
|
|
@media (max-width: $MQNarrow)
|
|
.sidebar
|
|
font-size 15px
|
|
width $mobileSidebarWidth
|
|
.page, .password-wrapper-in
|
|
margin-left $mobileSidebarWidth
|
|
|
|
// wide mobile
|
|
@media (max-width: $MQMobile)
|
|
.sidebar
|
|
top 0
|
|
padding-top $navbarHeight
|
|
transform translateX(-100%)
|
|
transition transform .2s ease
|
|
.page, .password-wrapper-in
|
|
margin-left 0
|
|
.theme-container
|
|
&.sidebar-open
|
|
.sidebar
|
|
transform translateX(0)
|
|
&.no-navbar
|
|
.sidebar
|
|
padding-top: 0
|
|
.password-shadow
|
|
padding-left 0
|
|
|
|
// narrow mobile
|
|
@media (max-width: $MQMobileNarrow)
|
|
h1
|
|
font-size 1.9rem
|
|
.content__default
|
|
div[class*="language-"]
|
|
margin 0.85rem -1.5rem
|
|
border-radius 0
|