2 -webkit-font-smoothing: antialiased;
3 -webkit-overflow-scrolling: touch;
4 -webkit-tap-highlight-color: rgba(0,0,0,0);
5 -webkit-text-size-adjust: none;
6 -webkit-touch-callout: none;
7 -webkit-box-sizing: border-box;
8 box-sizing: border-box;
13 body:not(.ready) [data-cloak],
14 body:not(.ready) .app-nav,
15 body:not(.ready) > nav {
24 div#app:empty::before {
25 content: 'Loading...';
29 vertical-align: middle;
32 background-color: var(--theme-color, #ea6f5a);
38 -webkit-transition: width 0.2s, opacity 0.4s;
39 transition: width 0.2s, opacity 0.4s;
44 color: var(--theme-color, #ea6f5a);
46 .search .search-keyword {
47 color: var(--theme-color, #ea6f5a);
56 -moz-osx-font-smoothing: grayscale;
57 -webkit-font-smoothing: antialiased;
59 font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
73 border: solid 1px #ccc;
75 display: inline-block;
76 font-size: 12px !important;
80 vertical-align: middle;
83 list-style-type: none;
85 li input[type='checkbox'] {
86 margin: 0 0.2em 0.25em -1.6em;
87 vertical-align: middle;
90 margin: 25px 60px 0 0;
109 display: inline-block;
116 text-decoration: none;
117 -webkit-transition: color 0.3s;
118 transition: color 0.3s;
121 color: var(--theme-color, #ea6f5a);
124 border-bottom: 2px solid var(--theme-color, #ea6f5a);
125 color: var(--theme-color, #ea6f5a);
128 display: inline-block;
134 background-color: #fff;
135 border: 1px solid #ddd;
136 border-bottom-color: #ccc;
138 -webkit-box-sizing: border-box;
139 box-sizing: border-box;
141 max-height: calc(100vh - 61px);
164 .app-nav li ul a.active {
167 .app-nav li:hover ul {
174 text-decoration: none;
178 .github-corner:hover .octo-arm {
179 -webkit-animation: octocat-wave 560ms ease-in-out;
180 animation: octocat-wave 560ms ease-in-out;
184 fill: var(--theme-color, #ea6f5a);
199 display: inline-block;
200 text-decoration: none;
201 -webkit-transition: all 0.3s;
202 transition: all 0.3s;
208 text-decoration: underline;
211 border-right: 1px solid rgba(0,0,0,0.07);
218 -webkit-transition: -webkit-transform 250ms ease-out;
219 transition: -webkit-transform 250ms ease-out;
220 transition: transform 250ms ease-out;
221 transition: transform 250ms ease-out, -webkit-transform 250ms ease-out;
233 text-decoration: none;
235 .sidebar > h1 .app-nav {
239 .sidebar .sidebar-nav {
241 padding-bottom: 40px;
243 .sidebar li.collapse .app-sub-sidebar {
265 .sidebar::-webkit-scrollbar {
268 .sidebar::-webkit-scrollbar-thumb {
269 background: transparent;
272 .sidebar:hover::-webkit-scrollbar-thumb {
273 background: rgba(136,136,136,0.4);
275 .sidebar:hover::-webkit-scrollbar-track {
276 background: rgba(136,136,136,0.1);
279 background-color: transparent;
280 background-color: rgba(63,63,63,0.8);
288 -webkit-transition: opacity 0.3s;
289 transition: opacity 0.3s;
293 .sidebar-toggle .sidebar-toggle-button:hover {
296 .sidebar-toggle span {
297 background-color: var(--theme-color, #ea6f5a);
303 body.sticky .sidebar,
304 body.sticky .sidebar-toggle {
314 -webkit-transition: left 250ms ease;
315 transition: left 250ms ease;
320 padding: 30px 15px 40px 15px;
323 .markdown-section > * {
324 -webkit-box-sizing: border-box;
325 box-sizing: border-box;
328 .markdown-section > :first-child {
329 margin-top: 0 !important;
331 .markdown-section hr {
333 border-bottom: 1px solid #eee;
336 .markdown-section iframe {
337 border: 1px solid #eee;
339 .markdown-section table {
340 border-collapse: collapse;
347 .markdown-section th {
348 border: 1px solid #ddd;
352 .markdown-section td {
353 border: 1px solid #ddd;
356 .markdown-section tr {
357 border-top: 1px solid #ccc;
359 .markdown-section tr:nth-child(2n) {
360 background-color: #555555;
362 .markdown-section p.tip {
363 background-color: #555555;
364 border-bottom-right-radius: 2px;
365 border-left: 4px solid #f66;
366 border-top-right-radius: 2px;
368 padding: 12px 24px 12px 30px;
371 .markdown-section p.tip:before {
372 background-color: #f66;
376 font-family: 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
387 .markdown-section p.tip code {
388 background-color: #efefef;
390 .markdown-section p.tip em {
393 .markdown-section p.warn {
394 background: rgba(234,111,90,0.1);
398 body.close .sidebar {
399 -webkit-transform: translateX(-300px);
400 transform: translateX(-300px);
402 body.close .sidebar-toggle {
405 body.close .content {
416 @media screen and (max-width: 768px) {
434 -webkit-transition: -webkit-transform 250ms ease-out;
435 transition: -webkit-transform 250ms ease-out;
436 transition: transform 250ms ease-out;
437 transition: transform 250ms ease-out, -webkit-transform 250ms ease-out;
444 -webkit-transition: -webkit-transform 250ms ease;
445 transition: -webkit-transform 250ms ease;
446 transition: transform 250ms ease;
447 transition: transform 250ms ease, -webkit-transform 250ms ease;
451 -webkit-transition: -webkit-transform 250ms ease-out;
452 transition: -webkit-transform 250ms ease-out;
453 transition: transform 250ms ease-out;
454 transition: transform 250ms ease-out, -webkit-transform 250ms ease-out;
457 background-color: transparent;
459 padding: 30px 30px 10px 10px;
461 body.close .sidebar {
462 -webkit-transform: translateX(300px);
463 transform: translateX(300px);
465 body.close .sidebar-toggle {
466 background-color: rgba(63,63,63,0.8);
467 -webkit-transition: 1s background-color;
468 transition: 1s background-color;
472 body.close .content {
473 -webkit-transform: translateX(300px);
474 transform: translateX(300px);
477 body.close .github-corner {
480 .github-corner:hover .octo-arm {
481 -webkit-animation: none;
484 .github-corner .octo-arm {
485 -webkit-animation: octocat-wave 560ms ease-in-out;
486 animation: octocat-wave 560ms ease-in-out;
489 @-webkit-keyframes octocat-wave {
491 -webkit-transform: rotate(0);
492 transform: rotate(0);
495 -webkit-transform: rotate(-25deg);
496 transform: rotate(-25deg);
499 -webkit-transform: rotate(10deg);
500 transform: rotate(10deg);
503 @keyframes octocat-wave {
505 -webkit-transform: rotate(0);
506 transform: rotate(0);
509 -webkit-transform: rotate(-25deg);
510 transform: rotate(-25deg);
513 -webkit-transform: rotate(10deg);
514 transform: rotate(10deg);
518 -webkit-box-align: center;
519 -ms-flex-align: center;
521 background-position: center center;
522 background-repeat: no-repeat;
523 background-size: cover;
528 display: -webkit-box;
529 display: -ms-flexbox;
532 section.cover.has-mask .mask {
533 background-color: #3f3f3f;
540 section.cover .cover-main {
544 margin: -20px 16px 0;
550 text-decoration: none;
552 section.cover a:hover {
553 text-decoration: none;
563 margin: 0.625rem 0 2.5rem;
570 section.cover h1 small {
575 section.cover blockquote {
581 list-style-type: none;
586 section.cover .cover-main > p:last-child a {
587 border-color: var(--theme-color, #ea6f5a);
591 -webkit-box-sizing: border-box;
592 box-sizing: border-box;
593 color: var(--theme-color, #ea6f5a);
594 display: inline-block;
596 letter-spacing: 0.1rem;
598 padding: 0.75em 2rem;
599 text-decoration: none;
600 -webkit-transition: all 0.15s ease;
601 transition: all 0.15s ease;
603 section.cover .cover-main > p:last-child a:last-child {
604 background-color: var(--theme-color, #ea6f5a);
607 section.cover .cover-main > p:last-child a:last-child:hover {
611 section.cover .cover-main > p:last-child a:hover {
614 section.cover blockquote > p > a {
615 border-bottom: 2px solid var(--theme-color, #ea6f5a);
616 -webkit-transition: color 0.3s;
617 transition: color 0.3s;
619 section.cover blockquote > p > a:hover {
620 color: var(--theme-color, #ea6f5a);
623 background-color: #3f3f3f;
627 background-color: #3f3f3f;
637 text-decoration: none;
638 text-overflow: ellipsis;
641 .sidebar ul li a:hover {
642 text-decoration: underline;
647 .sidebar ul li.active > a {
648 color: var(--theme-color, #ea6f5a);
651 /* markdown content found on pages */
652 .markdown-section h1,
653 .markdown-section h2,
654 .markdown-section h3,
655 .markdown-section h4,
656 .markdown-section strong {
660 .markdown-section a {
661 color: var(--theme-color, #ea6f5a);
664 .markdown-section h1 {
668 .markdown-section h2 {
670 margin: 45px 0 0.8rem;
672 .markdown-section h3 {
674 margin: 40px 0 0.6rem;
676 .markdown-section h4 {
679 .markdown-section h5 {
682 .markdown-section h6 {
686 .markdown-section figure,
688 .markdown-section ul,
689 .markdown-section ol {
693 .markdown-section ul,
694 .markdown-section ol {
696 word-spacing: 0.05rem;
698 .markdown-section ul,
699 .markdown-section ol {
700 padding-left: 1.5rem;
702 .markdown-section blockquote {
703 border-left: 4px solid var(--theme-color, #ea6f5a);
708 .markdown-section blockquote p {
712 .markdown-section iframe {
715 .markdown-section em {
718 .markdown-section code {
719 background-color: #282828;
722 font-family: 'Roboto Mono', Monaco, courier, monospace;
726 white-space: pre-wrap;
728 .markdown-section pre {
729 -moz-osx-font-smoothing: initial;
730 -webkit-font-smoothing: initial;
731 background-color: #282828;
732 font-family: 'Roboto Mono', Monaco, courier, monospace;
764 color: var(--theme-color, #ea6f5a);
774 .language-css .token.string,
775 .style .token.string {
782 color: var(--theme-color, #ea6f5a);
797 text-decoration: line-through;
800 border-bottom: 1px dotted #202746;
801 text-decoration: none;
816 .markdown-section pre > code {
817 -moz-osx-font-smoothing: initial;
818 -webkit-font-smoothing: initial;
819 background-color: #282828;
823 font-family: 'Roboto Mono', Monaco, courier, monospace;
825 line-height: inherit;
830 white-space: inherit;
832 .markdown-section code::after,
833 .markdown-section code::before {
834 letter-spacing: 0.05rem;
837 -moz-osx-font-smoothing: initial;
838 -webkit-font-smoothing: initial;
843 content: attr(data-lang);
854 .markdown-section p.tip {
855 background-color: #282828;
858 input[type='search'] {
860 border-color: #4f4f4f;