You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
vscode-api-cn.js/assets/css/layouts/_default.sass

114 lines
2.4 KiB

html.default
+size-md
.col-content
width: 72%
.col-menu
width: 28%
.tsd-navigation
padding-left: 10px
+size-xs-sm
.col-content
float: none
width: 100%
.col-menu
position: fixed !important
overflow: auto
-webkit-overflow-scrolling: touch
z-index: 1024
top: 0 !important
bottom: 0 !important
left: auto !important
right: 0 !important
width: 100%
padding: 20px 20px 0 0
max-width: 450px
visibility: hidden
background-color: var(--color-panel)
transform: translate(100%,0)
> *:last-child
padding-bottom: 20px
.overlay
content: ''
display: block
position: fixed
z-index: 1023
top: 0
left: 0
right: 0
bottom: 0
background-color: rgba(#000, 0.75)
visibility: hidden
&.to-has-menu
.overlay
animation: fade-in 0.4s
header,
footer,
.col-content
animation: shift-to-left 0.4s
.col-menu
animation: pop-in-from-right 0.4s
&.from-has-menu
.overlay
animation: fade-out 0.4s
header,
footer,
.col-content
animation: unshift-to-left 0.4s
.col-menu
animation: pop-out-to-right 0.4s
&.has-menu
body
overflow: hidden
.overlay
visibility: visible
header,
footer,
.col-content
transform: translate(-25%, 0)
.col-menu
visibility: visible
transform: translate(0,0)
.tsd-page-title
padding: 70px 0 20px 0
margin: 0 0 40px 0
background: var(--color-panel)
box-shadow: 0 0 5px rgba(#000, 0.35)
h1
margin: 0
.tsd-breadcrumb
margin: 0
padding: 0
color: var(--color-text-aside)
a
color: var(--color-text-aside)
text-decoration: none
&:hover
text-decoration: underline
li
display: inline
&:after
content: ' / '