Skip to content

Instantly share code, notes, and snippets.

@m-e-h
Created November 2, 2020 16:12
Show Gist options
  • Save m-e-h/93a83ad42ff08811a94d7191dc3d1aa4 to your computer and use it in GitHub Desktop.
Save m-e-h/93a83ad42ff08811a94d7191dc3d1aa4 to your computer and use it in GitHub Desktop.
*,
::before,
::after {
box-sizing: border-box;
background-repeat: no-repeat;
color: inherit;
font-size: inherit;
font-weight: inherit;
font-family: inherit;
line-height: inherit;
text-transform: inherit;
vertical-align: inherit;
font-style: inherit;
border-width: 0;
border-style: solid;
max-width: 100%;
}
html {
padding: 0;
margin: 0;
word-wrap: break-word;
font-size: 100%;
text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
text-rendering: optimizeLegibility;
}
:root body {
padding: 0;
margin: 0;
font-family: Lato, Roboto, Helvetica, "Noto Sans", sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
"Noto Color Emoji";
font-size: 1rem;
line-height: 1.5;
word-wrap: break-word;
background-color: white;
color: #24292e;
}
:root body kbd {
display: inline-block;
padding: 0.1875rem 0.3125rem;
font-size: 0.6875rem;
font-family: "SFMono-Regular", "Hack Nerd Font", "Roboto Mono",
"Cascadia Code", Consolas, "Liberation Mono", Courier, monospace;
line-height: 1;
color: #444d56;
vertical-align: middle;
background-color: #fafbfc;
border: solid 1px #d1d5da;
border-bottom-color: #d1d5da;
border-radius: 3px;
box-shadow: inset 0 -1px 0 #d1d5da;
}
:root body::before {
display: table;
content: "";
}
:root body::after {
display: table;
clear: both;
content: "";
}
:root body > *:first-child {
margin-top: 0 !important;
}
:root body > *:last-child {
margin-bottom: 0 !important;
}
:root body a {
color: #0366d6;
text-decoration: none;
}
:root body a:hover {
text-decoration: underline;
}
:root :root body a:not([href]) {
color: inherit;
text-decoration: none;
}
:root body p,
:root body blockquote,
:root body ul,
:root body ol,
:root body dl,
:root body table,
:root body pre,
:root body details {
margin-top: 0;
margin-bottom: 1rem;
}
:root body hr {
height: 0.25rem;
padding: 0;
margin: 1.5rem 0;
background-color: #e1e4e8;
border: 0;
}
strong {
font-weight: bolder;
}
:root body blockquote {
padding: 0 1em;
color: #6a737d;
border-left: 0.25em solid #dfe2e5;
background-color: #fff;
}
:root body blockquote > :first-child {
margin-top: 0;
}
:root body blockquote > :last-child {
margin-bottom: 0;
}
:root body h1,
:root body h2,
:root body h3,
:root body h4,
:root body h5,
:root body h6 {
margin-top: 1.5rem;
margin-bottom: 1rem;
font-weight: 600;
line-height: 1.25;
}
:root body h1 {
padding-bottom: 0.3em;
font-size: 2em;
border-bottom: 1px solid #eaecef;
}
:root body h2 {
padding-bottom: 0.3em;
font-size: 1.5em;
border-bottom: 1px solid #eaecef;
}
:root body h3 {
font-size: 1.25em;
}
:root body h4 {
font-size: 1em;
}
:root body h5 {
font-size: 0.875em;
}
:root body h6 {
font-size: 0.85em;
color: #6a737d;
}
:root body ul,
:root body ol {
padding-left: 2em;
}
:root body ul ul,
:root body ul ol,
:root body ol ol,
:root body ol ul {
margin-top: 0;
margin-bottom: 0;
}
:root body li {
word-wrap: break-all;
}
:root body li > p {
margin-top: 1rem;
}
:root body li + li {
margin-top: 0.25em;
}
:root body dl {
padding: 0;
}
:root body dl dt {
padding: 0;
margin-top: 1rem;
font-size: 1em;
font-style: italic;
font-weight: 600;
}
:root body dl dd {
padding: 0 1rem;
margin-bottom: 1rem;
}
:root body table {
display: block;
width: 100%;
overflow: auto;
}
:root body table th {
font-weight: 600;
}
:root body table th,
:root body table td {
padding: 0.375rem 0.8125rem;
border: 1px solid #dfe2e5;
}
:root body table tr {
background-color: #fff;
border-top: 1px solid #c6cbd1;
}
:root body table tr:nth-child(2n) {
background-color: #f6f8fa;
}
:root body table img {
background-color: transparent;
}
:root body img {
max-width: 100%;
box-sizing: content-box;
background-color: #fff;
}
:root body img[align="right"] {
padding-left: 1.25rem;
}
:root body img[align="left"] {
padding-right: 1.25rem;
}
:root body .emoji {
max-width: none;
vertical-align: text-top;
background-color: transparent;
}
:root body code,
:root body pre {
font-family: "SFMono-Regular", "Hack Nerd Font", "Roboto Mono",
"Cascadia Code", Consolas, "Liberation Mono", monospace;
font-weight: 500;
color: inherit;
}
:root strong code {
font-weight: inherit;
}
:root body code {
padding: 0.2em 0.4em;
margin: 0;
font-size: 0.85em;
background-color: #f3f3f3;
border-radius: 3px;
}
:root body code br {
display: none;
}
:root body del code {
text-decoration: inherit;
}
:root body pre {
word-wrap: normal;
}
:root body pre > code {
padding: 0;
margin: 0;
font-size: 100%;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
:root body .highlight {
margin-bottom: 1rem;
}
:root body .highlight pre {
margin-bottom: 0;
word-break: normal;
}
:root body .highlight pre,
:root body pre {
padding: 1rem;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: #f6f8fa;
border-radius: 3px;
}
:root body pre code {
display: inline;
max-width: auto;
padding: 0;
margin: 0;
overflow: visible;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment