@import url("https://fonts.googleapis.com/css?family=Inconsolata|Inconsolata-Bold");
*{
-webkit-font-smoothing:antialiased;
-webkit-overflow-scrolling:touch;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-text-size-adjust:none;
-webkit-touch-callout:none;
box-sizing:border-box
}
body:not(.ready){
overflow:hidden
}
body:not(.ready) .app-nav,body:not(.ready)>nav,body:not(.ready) [data-cloak]{
display:none
}
div#app{
font-size:30px;
font-weight:lighter;
margin:40vh auto;
text-align:center
}
div#app:empty:before{
content:"Loading..."
}
img.emoji{
height:1.2em
}
img.emoji,span.emoji{
vertical-align:middle
}
span.emoji{
font-family:Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
font-size:1.2em
}
.progress{
background-color:#0074d9;
background-color:var(--theme-color,#0074d9);
height:2px;
left:0;
position:fixed;
right:0;
top:0;
transition:width .2s,opacity .4s;
width:0;
z-index:999999
}
.search .search-keyword,.search a:hover{
color:#0074d9;
color:var(--theme-color,#0074d9)
}
.search .search-keyword{
font-style:normal;
font-weight:700
}
body,html{
height:100%
}
body{
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
color:#34495e;
font-family:Source Sans Pro,Helvetica Neue,Arial,sans-serif;
font-size:15px;
letter-spacing:0;
margin:0;
overflow-x:hidden
}
img{
max-width:100%
}
a[disabled]{
cursor:not-allowed;
opacity:.6
}
kbd{
border:1px solid #ccc;
border-radius:3px;
display:inline-block;
font-size:12px!important;
line-height:12px;
margin-bottom:3px;
padding:3px 5px;
vertical-align:middle
}
li input[type=checkbox]{
margin:0 .2em .25em 0;
vertical-align:middle
}
.app-nav{
margin:25px 60px 0 0;
position:absolute;
right:0;
text-align:right;
z-index:10
}
.app-nav.no-badge{
margin-right:25px
}
.app-nav p{
margin:0
}
.app-nav>a{
margin:0 1rem;
padding:5px 0
}
.app-nav li,.app-nav ul{
display:inline-block;
list-style:none;
margin:0
}
.app-nav a{
color:inherit;
font-size:16px;
text-decoration:none;
transition:color .3s
}
.app-nav a.active,.app-nav a:hover{
color:#0074d9;
color:var(--theme-color,#0074d9)
}
.app-nav a.active{
border-bottom:2px solid #0074d9;
border-bottom:2px solid var(--theme-color,#0074d9)
}
.app-nav li{
display:inline-block;
margin:0 1rem;
padding:5px 0;
position:relative;
cursor:pointer
}
.app-nav li ul{
background-color:#fff;
border:1px solid;
border-color:#ddd #ddd #ccc;
border-radius:4px;
box-sizing:border-box;
display:none;
max-height:calc(100vh - 61px);
overflow-y:auto;
padding:10px 0;
position:absolute;
right:-15px;
text-align:left;
top:100%;
white-space:nowrap
}
.app-nav li ul li{
display:block;
font-size:14px;
line-height:1rem;
margin:8px 14px;
white-space:nowrap
}
.app-nav li ul a{
display:block;
font-size:inherit;
margin:0;
padding:0
}
.app-nav li ul a.active{
border-bottom:0
}
.app-nav li:hover ul{
display:block
}
.github-corner{
border-bottom:0;
position:fixed;
right:0;
text-decoration:none;
top:0;
z-index:1
}
.github-corner:hover .octo-arm{
animation:octocat-wave .56s ease-in-out
}
.github-corner svg{
color:#fff;
fill:#0074d9;
fill:var(--theme-color,#0074d9);
height:80px;
width:80px
}
main{
display:block;
position:relative;
width:100vw;
height:100%;
z-index:0
}
main.hidden{
display:none
}
.anchor{
display:inline-block;
text-decoration:none;
transition:all .3s
}
.anchor span{
color:#34495e
}
.anchor:hover{
text-decoration:underline
}
.sidebar{
border-right:1px solid rgba(0,0,0,.07);
overflow-y:auto;
padding:40px 0 0;
position:absolute;
top:0;
bottom:0;
left:0;
transition:transform .25s ease-out;
width:16rem;
z-index:20
}
.sidebar>h1{
margin:0 auto 1rem;
font-size:1.5rem;
font-weight:800;
text-align:center
}
.sidebar>h1 a{
color:inherit;
text-decoration:none
}
.sidebar>h1 .app-nav{
display:block;
position:static
}
.sidebar .sidebar-nav{
line-height:2em;
padding-bottom:40px
}
.sidebar li.collapse .app-sub-sidebar{
display:none
}
.sidebar ul{
margin:0 0 0 15px;
padding:0
}
.sidebar li>p{
font-weight:700;
margin:0
}
.sidebar ul,.sidebar ul li{
list-style:none
}
.sidebar ul li a{
border-bottom:none;
display:block
}
.sidebar ul li ul{
padding-left:20px
}
.sidebar::-webkit-scrollbar{
width:4px
}
.sidebar::-webkit-scrollbar-thumb{
background:transparent;
border-radius:4px
}
.sidebar:hover::-webkit-scrollbar-thumb{
background:hsla(0,0%,53.3%,.4)
}
.sidebar:hover::-webkit-scrollbar-track{
background:hsla(0,0%,53.3%,.1)
}
.sidebar-toggle{
background-color:transparent;
background-color:hsla(0,0%,100%,.8);
border:0;
outline:none;
padding:10px;
position:absolute;
bottom:0;
left:0;
text-align:center;
transition:opacity .3s;
width:0;
z-index:30;
cursor:pointer
}
.sidebar-toggle:hover .sidebar-toggle-button{
opacity:.4
}
.sidebar-toggle span{
background-color:#0074d9;
background-color:var(--theme-color,#0074d9);
display:block;
margin-bottom:4px;
width:16px;
height:2px
}
body.sticky .sidebar,body.sticky .sidebar-toggle{
position:fixed
}
.content{
padding-top:60px;
position:absolute;
top:0;
right:0;
bottom:0;
left:16rem;
transition:left .25s ease
}
.markdown-section{
margin:0 auto;
max-width:80%;
padding:30px 15px 40px;
position:relative
}
.markdown-section>*{
box-sizing:border-box;
font-size:inherit
}
.markdown-section>:first-child{
margin-top:0!important
}
.markdown-section hr{
border:none;
border-bottom:1px solid #eee;
margin:2em 0
}
.markdown-section iframe{
border:1px solid #eee;
width:1px;
min-width:100%
}
.markdown-section table{
border-collapse:collapse;
border-spacing:0;
display:block;
margin-bottom:1rem;
overflow:auto;
width:100%
}
.markdown-section th{
font-weight:700
}
.markdown-section td,.markdown-section th{
border:1px solid #ddd;
padding:6px 13px
}
.markdown-section tr{
border-top:1px solid #ccc
}
.markdown-section p.tip,.markdown-section tr:nth-child(2n){
background-color:#f8f8f8
}
.markdown-section p.tip{
border-bottom-right-radius:2px;
border-left:4px solid #f66;
border-top-right-radius:2px;
margin:2em 0;
padding:12px 24px 12px 30px;
position:relative
}
.markdown-section p.tip:before{
background-color:#f66;
border-radius:100%;
color:#fff;
content:"!";
font-family:Dosis,Source Sans Pro,Helvetica Neue,Arial,sans-serif;
font-size:14px;
font-weight:700;
left:-12px;
line-height:20px;
position:absolute;
height:20px;
width:20px;
text-align:center;
top:14px
}
.markdown-section p.tip code{
background-color:#efefef
}
.markdown-section p.tip em{
color:#34495e
}
.markdown-section p.warn{
background:rgba(0,116,217,.1);
border-radius:2px;
padding:1rem
}
.markdown-section ul.task-list>li{
list-style-type:none
}
body.close .sidebar{
transform:translateX(-16rem)
}
body.close .sidebar-toggle{
width:auto
}
body.close .content{
left:0
}
@media print{
.app-nav,.github-corner,.sidebar,.sidebar-toggle{
display:none
}
}
@media screen and (max-width:768px){
.github-corner,.sidebar,.sidebar-toggle{
position:fixed
}
.app-nav{
margin-top:16px
}
.app-nav li ul{
top:30px
}
main{
height:auto;
min-height:100vh;
overflow-x:hidden
}
.sidebar{
left:-16rem;
transition:transform .25s ease-out
}
.content{
left:0;
max-width:100vw;
position:static;
padding-top:20px;
transition:transform .25s ease
}
.app-nav,.github-corner{
transition:transform .25s ease-out
}
.sidebar-toggle{
background-color:transparent;
width:auto;
padding:30px 30px 10px 10px
}
body.close .sidebar{
transform:translateX(16rem)
}
body.close .sidebar-toggle{
background-color:hsla(0,0%,100%,.8);
transition:background-color 1s;
width:0;
padding:10px
}
body.close .content{
transform:translateX(16rem)
}
body.close .app-nav,body.close .github-corner{
display:none
}
.github-corner:hover .octo-arm{
animation:none
}
.github-corner .octo-arm{
animation:octocat-wave .56s ease-in-out
}
}
@keyframes octocat-wave{
0%,to{
transform:rotate(0)
}
20%,60%{
transform:rotate(-25deg)
}
40%,80%{
transform:rotate(10deg)
}
}
section.cover{
position:relative;
align-items:center;
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
min-height:100vh;
width:100%;
display:none
}
section.cover.show{
display:flex
}
section.cover.has-mask .mask{
background-color:#fff;
opacity:.8;
position:absolute;
top:0;
bottom:0;
width:100%
}
section.cover .cover-main{
flex:1;
margin:0 16px;
text-align:center;
position:relative
}
section.cover a{
color:inherit
}
section.cover a,section.cover a:hover{
text-decoration:none
}
section.cover p{
line-height:1.5rem;
margin:1em 0
}
section.cover h1{
color:inherit;
font-size:7.5rem;
font-weight:800;
margin:.625rem 0 2.5rem;
position:relative;
text-align:center
}
section.cover h1 a{
display:block
}
section.cover h1 small{
bottom:-.4375rem;
font-size:1rem;
position:absolute
}
section.cover blockquote{
font-size:1.5rem;
text-align:center
}
section.cover ul{
line-height:1.8;
list-style-type:none;
margin:1em auto;
max-width:500px;
padding:0
}
section.cover .cover-main>p:last-child a{
border-radius:2rem;
border:1px solid #0074d9;
border-color:var(--theme-color,#0074d9);
box-sizing:border-box;
color:#0074d9;
color:var(--theme-color,#0074d9);
display:inline-block;
font-size:1.05rem;
letter-spacing:.1rem;
margin:.5rem 1rem;
padding:.75em 2rem;
text-decoration:none;
transition:all .15s ease
}
section.cover .cover-main>p:last-child a:last-child{
background-color:#0074d9;
background-color:var(--theme-color,#0074d9);
color:#fff
}
section.cover .cover-main>p:last-child a:last-child:hover{
color:inherit;
opacity:.8
}
section.cover .cover-main>p:last-child a:hover{
color:inherit
}
section.cover blockquote>p>a{
border-bottom:2px solid #0074d9;
border-bottom:2px solid var(--theme-color,#0074d9);
transition:color .3s
}
section.cover blockquote>p>a:hover{
color:#0074d9;
color:var(--theme-color,#0074d9)
}
.sidebar{
color:#364149;
background-color:#fff
}
.sidebar a{
color:#666;
text-decoration:none
}
.sidebar li{
list-style:none;
margin:0;
padding:.2em 0
}
.sidebar ul li ul{
padding:0
}
.sidebar li.active{
background-color:#eee
}
.sidebar li.active a{
color:#333
}
.markdown-section h1,.markdown-section h2,.markdown-section h3,.markdown-section h4,.markdown-section strong{
color:#333;
font-weight:400
}
.markdown-section strong{
color:#333;
font-weight:600
}
.markdown-section a{
color:#0074d9;
color:var(--theme-color,#0074d9)
}
.markdown-section ol,.markdown-section p,.markdown-section ul{
line-height:1.6rem;
margin:0 0 1em;
word-spacing:.05rem
}
.markdown-section h1{
font-size:2rem;
font-weight:500;
margin:0 0 1rem
}
.markdown-section h2{
font-size:1.8rem;
font-weight:400;
margin:0 0 1rem;
padding:1rem 0 0
}
.markdown-section h3{
font-size:1.5rem;
margin:52px 0 1.2rem
}
.markdown-section h4{
font-size:1.25rem
}
.markdown-section h5{
font-size:1rem
}
.markdown-section h6{
color:#777;
font-size:1rem
}
.markdown-section figure,.markdown-section ol,.markdown-section p,.markdown-section ul{
margin:1.2em 0
}
.markdown-section ol,.markdown-section ul{
padding-left:1.5rem
}
.markdown-section li{
line-height:1.5;
margin:0
}
.markdown-section blockquote{
border-left:4px solid #0074d9;
border-left:4px solid var(--theme-color,#0074d9);
color:#858585;
margin:2em 0;
padding-left:20px
}
.markdown-section blockquote p{
font-weight:600;
margin-left:0
}
.markdown-section iframe{
margin:1em 0
}
.markdown-section em{
color:#7f8c8d
}
.markdown-section code{
border-radius:3px;
padding:.2em .4rem;
white-space:nowrap
}
.markdown-section code,.markdown-section pre{
background-color:#f9f9f9;
font-family:Inconsolata,monospace
}
.markdown-section pre{
border-left:2px solid #eee;
font-size:16px;
margin:0 0 1em;
padding:0 10px 12px 0;
overflow:auto;
word-wrap:normal;
position:relative
}
.token.cdata,.token.comment,.token.doctype,.token.prolog{
color:#93a1a1
}
.token.punctuation{
color:#586e75
}
.namespace{
opacity:.7
}
.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{
color:#268bd2
}
.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string,.token.url{
color:#2aa198
}
.token.entity{
color:#657b83;
background:#eee8d5
}
.token.atrule,.token.attr-value,.token.keyword{
color:#a11
}
.token.function{
color:#b58900
}
.token.important,.token.regex,.token.variable{
color:#cb4b16
}
.token.bold,.token.important{
font-weight:700
}
.token.italic{
font-style:italic
}
.token.entity{
cursor:help
}
.markdown-section pre>code{
background-color:#f8f8f8;
border-radius:2px;
display:block;
font-family:Inconsolata,monospace;
line-height:1.1rem;
max-width:inherit;
overflow:inherit;
padding:20px .8em;
position:relative;
white-space:inherit
}
.markdown-section code:after,.markdown-section code:before{
letter-spacing:.05rem
}
code .token{
-webkit-font-smoothing:initial;
-moz-osx-font-smoothing:initial;
min-height:1.5rem;
position:relative;
left:auto
}
