Last active
March 12, 2020 07:47
-
-
Save renaudtertrais/d68bd138109196eaf49707b464404a37 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.observablehq .octicon { | |
display: inline-block; | |
fill: currentColor; | |
vertical-align: text-bottom; | |
} | |
.observablehq .anchor { | |
float: left; | |
line-height: 1; | |
margin-left: -20px; | |
padding-right: 4px; | |
} | |
.observablehq .anchor:focus { | |
outline: none; | |
} | |
.observablehq h1 .octicon-link, | |
.observablehq h2 .octicon-link, | |
.observablehq h3 .octicon-link, | |
.observablehq h4 .octicon-link, | |
.observablehq h5 .octicon-link, | |
.observablehq h6 .octicon-link { | |
color: #1b1f23; | |
vertical-align: middle; | |
visibility: hidden; | |
} | |
.observablehq h1:hover .anchor, | |
.observablehq h2:hover .anchor, | |
.observablehq h3:hover .anchor, | |
.observablehq h4:hover .anchor, | |
.observablehq h5:hover .anchor, | |
.observablehq h6:hover .anchor { | |
text-decoration: none; | |
} | |
.observablehq h1:hover .anchor .octicon-link, | |
.observablehq h2:hover .anchor .octicon-link, | |
.observablehq h3:hover .anchor .octicon-link, | |
.observablehq h4:hover .anchor .octicon-link, | |
.observablehq h5:hover .anchor .octicon-link, | |
.observablehq h6:hover .anchor .octicon-link { | |
visibility: visible; | |
} | |
.observablehq h1:hover .anchor .octicon-link:before, | |
.observablehq h2:hover .anchor .octicon-link:before, | |
.observablehq h3:hover .anchor .octicon-link:before, | |
.observablehq h4:hover .anchor .octicon-link:before, | |
.observablehq h5:hover .anchor .octicon-link:before, | |
.observablehq h6:hover .anchor .octicon-link:before { | |
width: 16px; | |
height: 16px; | |
content: ' '; | |
display: inline-block; | |
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' width='16' height='16' aria-hidden='true'%3E%3Cpath fill-rule='evenodd' d='M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z'%3E%3C/path%3E%3C/svg%3E"); | |
}.observablehq { | |
-ms-text-size-adjust: 100%; | |
-webkit-text-size-adjust: 100%; | |
line-height: 1.5; | |
color: #24292e; | |
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji; | |
font-size: 16px; | |
line-height: 1.5; | |
word-wrap: break-word; | |
} | |
.observablehq details { | |
display: block; | |
} | |
.observablehq summary { | |
display: list-item; | |
} | |
.observablehq a { | |
background-color: initial; | |
} | |
.observablehq a:active, | |
.observablehq a:hover { | |
outline-width: 0; | |
} | |
.observablehq strong { | |
font-weight: inherit; | |
font-weight: bolder; | |
} | |
.observablehq h1 { | |
font-size: 2em; | |
margin: .67em 0; | |
} | |
.observablehq img { | |
border-style: none; | |
} | |
.observablehq code, | |
.observablehq kbd, | |
.observablehq pre { | |
font-family: monospace,monospace; | |
font-size: 1em; | |
} | |
.observablehq hr { | |
box-sizing: initial; | |
height: 0; | |
overflow: visible; | |
} | |
.observablehq input { | |
font: inherit; | |
margin: 0; | |
} | |
.observablehq input { | |
overflow: visible; | |
} | |
.observablehq [type=checkbox] { | |
box-sizing: border-box; | |
padding: 0; | |
} | |
.observablehq * { | |
box-sizing: border-box; | |
} | |
.observablehq input { | |
font-family: inherit; | |
font-size: inherit; | |
line-height: inherit; | |
} | |
.observablehq a { | |
color: #0366d6; | |
text-decoration: none; | |
} | |
.observablehq a:hover { | |
text-decoration: underline; | |
} | |
.observablehq strong { | |
font-weight: 600; | |
} | |
.observablehq hr { | |
height: 0; | |
margin: 15px 0; | |
overflow: hidden; | |
background: transparent; | |
border: 0; | |
border-bottom: 1px solid #dfe2e5; | |
} | |
.observablehq hr:after, | |
.observablehq hr:before { | |
display: table; | |
content: ""; | |
} | |
.observablehq hr:after { | |
clear: both; | |
} | |
.observablehq table { | |
border-spacing: 0; | |
border-collapse: collapse; | |
} | |
.observablehq td, | |
.observablehq th { | |
padding: 0; | |
} | |
.observablehq details summary { | |
cursor: pointer; | |
} | |
.observablehq kbd { | |
display: inline-block; | |
padding: 3px 5px; | |
font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; | |
line-height: 10px; | |
color: #444d56; | |
vertical-align: middle; | |
background-color: #fafbfc; | |
border: 1px solid #d1d5da; | |
border-radius: 3px; | |
box-shadow: inset 0 -1px 0 #d1d5da; | |
} | |
.observablehq h1, | |
.observablehq h2, | |
.observablehq h3, | |
.observablehq h4, | |
.observablehq h5, | |
.observablehq h6 { | |
margin-top: 0; | |
margin-bottom: 0; | |
} | |
.observablehq h1 { | |
font-size: 32px; | |
} | |
.observablehq h1, | |
.observablehq h2 { | |
font-weight: 600; | |
} | |
.observablehq h2 { | |
font-size: 24px; | |
} | |
.observablehq h3 { | |
font-size: 20px; | |
} | |
.observablehq h3, | |
.observablehq h4 { | |
font-weight: 600; | |
} | |
.observablehq h4 { | |
font-size: 16px; | |
} | |
.observablehq h5 { | |
font-size: 14px; | |
} | |
.observablehq h5, | |
.observablehq h6 { | |
font-weight: 600; | |
} | |
.observablehq h6 { | |
font-size: 12px; | |
} | |
.observablehq p { | |
margin-top: 0; | |
margin-bottom: 10px; | |
} | |
.observablehq blockquote { | |
margin: 0; | |
} | |
.observablehq ol, | |
.observablehq ul { | |
padding-left: 0; | |
margin-top: 0; | |
margin-bottom: 0; | |
} | |
.observablehq ol ol, | |
.observablehq ul ol { | |
list-style-type: lower-roman; | |
} | |
.observablehq ol ol ol, | |
.observablehq ol ul ol, | |
.observablehq ul ol ol, | |
.observablehq ul ul ol { | |
list-style-type: lower-alpha; | |
} | |
.observablehq dd { | |
margin-left: 0; | |
} | |
.observablehq code, | |
.observablehq pre { | |
font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; | |
font-size: 12px; | |
} | |
.observablehq pre { | |
margin-top: 0; | |
margin-bottom: 0; | |
} | |
.observablehq input::-webkit-inner-spin-button, | |
.observablehq input::-webkit-outer-spin-button { | |
margin: 0; | |
-webkit-appearance: none; | |
appearance: none; | |
} | |
.observablehq :checked+.radio-label { | |
position: relative; | |
z-index: 1; | |
border-color: #0366d6; | |
} | |
.observablehq .border { | |
border: 1px solid #e1e4e8!important; | |
} | |
.observablehq .border-0 { | |
border: 0!important; | |
} | |
.observablehq .border-bottom { | |
border-bottom: 1px solid #e1e4e8!important; | |
} | |
.observablehq .rounded-1 { | |
border-radius: 3px!important; | |
} | |
.observablehq .bg-white { | |
background-color: #fff!important; | |
} | |
.observablehq .bg-gray-light { | |
background-color: #fafbfc!important; | |
} | |
.observablehq .text-gray-light { | |
color: #6a737d!important; | |
} | |
.observablehq .mb-0 { | |
margin-bottom: 0!important; | |
} | |
.observablehq .my-2 { | |
margin-top: 8px!important; | |
margin-bottom: 8px!important; | |
} | |
.observablehq .pl-0 { | |
padding-left: 0!important; | |
} | |
.observablehq .py-0 { | |
padding-top: 0!important; | |
padding-bottom: 0!important; | |
} | |
.observablehq .pl-1 { | |
padding-left: 4px!important; | |
} | |
.observablehq .pl-2 { | |
padding-left: 8px!important; | |
} | |
.observablehq .py-2 { | |
padding-top: 8px!important; | |
padding-bottom: 8px!important; | |
} | |
.observablehq .pl-3, | |
.observablehq .px-3 { | |
padding-left: 16px!important; | |
} | |
.observablehq .px-3 { | |
padding-right: 16px!important; | |
} | |
.observablehq .pl-4 { | |
padding-left: 24px!important; | |
} | |
.observablehq .pl-5 { | |
padding-left: 32px!important; | |
} | |
.observablehq .pl-6 { | |
padding-left: 40px!important; | |
} | |
.observablehq .f6 { | |
font-size: 12px!important; | |
} | |
.observablehq .lh-condensed { | |
line-height: 1.25!important; | |
} | |
.observablehq .text-bold { | |
font-weight: 600!important; | |
} | |
.observablehq .pl-c { | |
color: #6a737d; | |
} | |
.observablehq .pl-c1, | |
.observablehq .pl-s .pl-v { | |
color: #005cc5; | |
} | |
.observablehq .pl-e, | |
.observablehq .pl-en { | |
color: #6f42c1; | |
} | |
.observablehq .pl-s .pl-s1, | |
.observablehq .pl-smi { | |
color: #24292e; | |
} | |
.observablehq .pl-ent { | |
color: #22863a; | |
} | |
.observablehq .pl-k { | |
color: #d73a49; | |
} | |
.observablehq .pl-pds, | |
.observablehq .pl-s, | |
.observablehq .pl-s .pl-pse .pl-s1, | |
.observablehq .pl-sr, | |
.observablehq .pl-sr .pl-cce, | |
.observablehq .pl-sr .pl-sra, | |
.observablehq .pl-sr .pl-sre { | |
color: #032f62; | |
} | |
.observablehq .pl-smw, | |
.observablehq .pl-v { | |
color: #e36209; | |
} | |
.observablehq .pl-bu { | |
color: #b31d28; | |
} | |
.observablehq .pl-ii { | |
color: #fafbfc; | |
background-color: #b31d28; | |
} | |
.observablehq .pl-c2 { | |
color: #fafbfc; | |
background-color: #d73a49; | |
} | |
.observablehq .pl-c2:before { | |
content: "^M"; | |
} | |
.observablehq .pl-sr .pl-cce { | |
font-weight: 700; | |
color: #22863a; | |
} | |
.observablehq .pl-ml { | |
color: #735c0f; | |
} | |
.observablehq .pl-mh, | |
.observablehq .pl-mh .pl-en, | |
.observablehq .pl-ms { | |
font-weight: 700; | |
color: #005cc5; | |
} | |
.observablehq .pl-mi { | |
font-style: italic; | |
color: #24292e; | |
} | |
.observablehq .pl-mb { | |
font-weight: 700; | |
color: #24292e; | |
} | |
.observablehq .pl-md { | |
color: #b31d28; | |
background-color: #ffeef0; | |
} | |
.observablehq .pl-mi1 { | |
color: #22863a; | |
background-color: #f0fff4; | |
} | |
.observablehq .pl-mc { | |
color: #e36209; | |
background-color: #ffebda; | |
} | |
.observablehq .pl-mi2 { | |
color: #f6f8fa; | |
background-color: #005cc5; | |
} | |
.observablehq .pl-mdr { | |
font-weight: 700; | |
color: #6f42c1; | |
} | |
.observablehq .pl-ba { | |
color: #586069; | |
} | |
.observablehq .pl-sg { | |
color: #959da5; | |
} | |
.observablehq .pl-corl { | |
text-decoration: underline; | |
color: #032f62; | |
} | |
.observablehq .mb-0 { | |
margin-bottom: 0!important; | |
} | |
.observablehq .my-2 { | |
margin-bottom: 8px!important; | |
} | |
.observablehq .my-2 { | |
margin-top: 8px!important; | |
} | |
.observablehq .pl-0 { | |
padding-left: 0!important; | |
} | |
.observablehq .py-0 { | |
padding-top: 0!important; | |
padding-bottom: 0!important; | |
} | |
.observablehq .pl-1 { | |
padding-left: 4px!important; | |
} | |
.observablehq .pl-2 { | |
padding-left: 8px!important; | |
} | |
.observablehq .py-2 { | |
padding-top: 8px!important; | |
padding-bottom: 8px!important; | |
} | |
.observablehq .pl-3 { | |
padding-left: 16px!important; | |
} | |
.observablehq .pl-4 { | |
padding-left: 24px!important; | |
} | |
.observablehq .pl-5 { | |
padding-left: 32px!important; | |
} | |
.observablehq .pl-6 { | |
padding-left: 40px!important; | |
} | |
.observablehq .pl-7 { | |
padding-left: 48px!important; | |
} | |
.observablehq .pl-8 { | |
padding-left: 64px!important; | |
} | |
.observablehq .pl-9 { | |
padding-left: 80px!important; | |
} | |
.observablehq .pl-10 { | |
padding-left: 96px!important; | |
} | |
.observablehq .pl-11 { | |
padding-left: 112px!important; | |
} | |
.observablehq .pl-12 { | |
padding-left: 128px!important; | |
} | |
.observablehq hr { | |
border-bottom-color: #eee; | |
} | |
.observablehq kbd { | |
display: inline-block; | |
padding: 3px 5px; | |
font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; | |
line-height: 10px; | |
color: #444d56; | |
vertical-align: middle; | |
background-color: #fafbfc; | |
border: 1px solid #d1d5da; | |
border-radius: 3px; | |
box-shadow: inset 0 -1px 0 #d1d5da; | |
} | |
.observablehq:after, | |
.observablehq:before { | |
display: table; | |
content: ""; | |
} | |
.observablehq:after { | |
clear: both; | |
} | |
.observablehq>:first-child { | |
margin-top: 0!important; | |
} | |
.observablehq>:last-child { | |
margin-bottom: 0!important; | |
} | |
.observablehq a:not([href]) { | |
color: inherit; | |
text-decoration: none; | |
} | |
.observablehq blockquote, | |
.observablehq details, | |
.observablehq dl, | |
.observablehq ol, | |
.observablehq p, | |
.observablehq pre, | |
.observablehq table, | |
.observablehq ul { | |
margin-top: 0; | |
margin-bottom: 16px; | |
} | |
.observablehq hr { | |
height: .25em; | |
padding: 0; | |
margin: 24px 0; | |
background-color: #e1e4e8; | |
border: 0; | |
} | |
.observablehq blockquote { | |
padding: 0 1em; | |
color: #6a737d; | |
border-left: .25em solid #dfe2e5; | |
} | |
.observablehq blockquote>:first-child { | |
margin-top: 0; | |
} | |
.observablehq blockquote>:last-child { | |
margin-bottom: 0; | |
} | |
.observablehq h1, | |
.observablehq h2, | |
.observablehq h3, | |
.observablehq h4, | |
.observablehq h5, | |
.observablehq h6 { | |
margin-top: 24px; | |
margin-bottom: 16px; | |
font-weight: 600; | |
line-height: 1.25; | |
} | |
.observablehq h1 { | |
font-size: 2em; | |
} | |
.observablehq h1, | |
.observablehq h2 { | |
padding-bottom: .3em; | |
border-bottom: 1px solid #eaecef; | |
} | |
.observablehq h2 { | |
font-size: 1.5em; | |
} | |
.observablehq h3 { | |
font-size: 1.25em; | |
} | |
.observablehq h4 { | |
font-size: 1em; | |
} | |
.observablehq h5 { | |
font-size: .875em; | |
} | |
.observablehq h6 { | |
font-size: .85em; | |
color: #6a737d; | |
} | |
.observablehq ol, | |
.observablehq ul { | |
padding-left: 2em; | |
} | |
.observablehq ol ol, | |
.observablehq ol ul, | |
.observablehq ul ol, | |
.observablehq ul ul { | |
margin-top: 0; | |
margin-bottom: 0; | |
} | |
.observablehq li { | |
word-wrap: break-all; | |
} | |
.observablehq li>p { | |
margin-top: 16px; | |
} | |
.observablehq li+li { | |
margin-top: .25em; | |
} | |
.observablehq dl { | |
padding: 0; | |
} | |
.observablehq dl dt { | |
padding: 0; | |
margin-top: 16px; | |
font-size: 1em; | |
font-style: italic; | |
font-weight: 600; | |
} | |
.observablehq dl dd { | |
padding: 0 16px; | |
margin-bottom: 16px; | |
} | |
.observablehq table { | |
display: block; | |
width: 100%; | |
overflow: auto; | |
} | |
.observablehq table th { | |
font-weight: 600; | |
} | |
.observablehq table td, | |
.observablehq table th { | |
padding: 6px 13px; | |
border: 1px solid #dfe2e5; | |
} | |
.observablehq table tr { | |
background-color: #fff; | |
border-top: 1px solid #c6cbd1; | |
} | |
.observablehq table tr:nth-child(2n) { | |
background-color: #f6f8fa; | |
} | |
.observablehq img { | |
max-width: 100%; | |
box-sizing: initial; | |
background-color: #fff; | |
} | |
.observablehq img[align=right] { | |
padding-left: 20px; | |
} | |
.observablehq img[align=left] { | |
padding-right: 20px; | |
} | |
.observablehq code { | |
padding: .2em .4em; | |
margin: 0; | |
font-size: 85%; | |
background-color: rgba(27,31,35,.05); | |
border-radius: 3px; | |
} | |
.observablehq pre { | |
word-wrap: normal; | |
} | |
.observablehq pre>code { | |
padding: 0; | |
margin: 0; | |
font-size: 100%; | |
word-break: normal; | |
white-space: pre; | |
background: transparent; | |
border: 0; | |
} | |
.observablehq .highlight { | |
margin-bottom: 16px; | |
} | |
.observablehq .highlight pre { | |
margin-bottom: 0; | |
word-break: normal; | |
} | |
.observablehq .highlight pre, | |
.observablehq pre { | |
padding: 16px; | |
overflow: auto; | |
font-size: 85%; | |
line-height: 1.45; | |
background-color: #f6f8fa; | |
border-radius: 3px; | |
} | |
.observablehq pre code { | |
display: inline; | |
max-width: auto; | |
padding: 0; | |
margin: 0; | |
overflow: visible; | |
line-height: inherit; | |
word-wrap: normal; | |
background-color: initial; | |
border: 0; | |
} | |
.observablehq .commit-tease-sha { | |
display: inline-block; | |
font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; | |
font-size: 90%; | |
color: #444d56; | |
} | |
.observablehq .full-commit .btn-outline:not(:disabled):hover { | |
color: #005cc5; | |
border-color: #005cc5; | |
} | |
.observablehq .blob-wrapper { | |
overflow-x: auto; | |
overflow-y: hidden; | |
} | |
.observablehq .blob-wrapper-embedded { | |
max-height: 240px; | |
overflow-y: auto; | |
} | |
.observablehq .blob-num { | |
width: 1%; | |
min-width: 50px; | |
padding-right: 10px; | |
padding-left: 10px; | |
font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; | |
font-size: 12px; | |
line-height: 20px; | |
color: rgba(27,31,35,.3); | |
text-align: right; | |
white-space: nowrap; | |
vertical-align: top; | |
cursor: pointer; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
} | |
.observablehq .blob-num:hover { | |
color: rgba(27,31,35,.6); | |
} | |
.observablehq .blob-num:before { | |
content: attr(data-line-number); | |
} | |
.observablehq .blob-code { | |
position: relative; | |
padding-right: 10px; | |
padding-left: 10px; | |
line-height: 20px; | |
vertical-align: top; | |
} | |
.observablehq .blob-code-inner { | |
overflow: visible; | |
font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; | |
font-size: 12px; | |
color: #24292e; | |
word-wrap: normal; | |
white-space: pre; | |
} | |
.observablehq .pl-token.active, | |
.observablehq .pl-token:hover { | |
cursor: pointer; | |
background: #ffea7f; | |
} | |
.observablehq .tab-size[data-tab-size="1"] { | |
-moz-tab-size: 1; | |
tab-size: 1; | |
} | |
.observablehq .tab-size[data-tab-size="2"] { | |
-moz-tab-size: 2; | |
tab-size: 2; | |
} | |
.observablehq .tab-size[data-tab-size="3"] { | |
-moz-tab-size: 3; | |
tab-size: 3; | |
} | |
.observablehq .tab-size[data-tab-size="4"] { | |
-moz-tab-size: 4; | |
tab-size: 4; | |
} | |
.observablehq .tab-size[data-tab-size="5"] { | |
-moz-tab-size: 5; | |
tab-size: 5; | |
} | |
.observablehq .tab-size[data-tab-size="6"] { | |
-moz-tab-size: 6; | |
tab-size: 6; | |
} | |
.observablehq .tab-size[data-tab-size="7"] { | |
-moz-tab-size: 7; | |
tab-size: 7; | |
} | |
.observablehq .tab-size[data-tab-size="8"] { | |
-moz-tab-size: 8; | |
tab-size: 8; | |
} | |
.observablehq .tab-size[data-tab-size="9"] { | |
-moz-tab-size: 9; | |
tab-size: 9; | |
} | |
.observablehq .tab-size[data-tab-size="10"] { | |
-moz-tab-size: 10; | |
tab-size: 10; | |
} | |
.observablehq .tab-size[data-tab-size="11"] { | |
-moz-tab-size: 11; | |
tab-size: 11; | |
} | |
.observablehq .tab-size[data-tab-size="12"] { | |
-moz-tab-size: 12; | |
tab-size: 12; | |
} | |
.observablehq .task-list-item { | |
list-style-type: none; | |
} | |
.observablehq .task-list-item+.task-list-item { | |
margin-top: 3px; | |
} | |
.observablehq .task-list-item input { | |
margin: 0 .2em .25em -1.6em; | |
vertical-align: middle; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment