Skip to content

Instantly share code, notes, and snippets.

@cihad
Created September 2, 2019 14:04
Show Gist options
  • Save cihad/f11b7e9e71bdcef56e7b98315f89b65a to your computer and use it in GitHub Desktop.
Save cihad/f11b7e9e71bdcef56e7b98315f89b65a to your computer and use it in GitHub Desktop.
Github Markdown Body
.markdown-body {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-size: 16px;
line-height: 1.5;
word-wrap: break-word
}
.markdown-body:before {
content: "";
display: table
}
.markdown-body:after {
clear: both;
content: "";
display: table
}
.markdown-body>:first-child {
margin-top: 0!important
}
.markdown-body>:last-child {
margin-bottom: 0!important
}
.markdown-body a:not([href]) {
color: inherit;
text-decoration: none
}
.markdown-body .absent {
color: #cb2431
}
.markdown-body .anchor {
float: left;
line-height: 1;
margin-left: -20px;
padding-right: 4px
}
.markdown-body .anchor:focus {
outline: none
}
.markdown-body blockquote,
.markdown-body details,
.markdown-body dl,
.markdown-body ol,
.markdown-body p,
.markdown-body pre,
.markdown-body table,
.markdown-body ul {
margin-bottom: 16px;
margin-top: 0
}
.markdown-body hr {
background-color: #e1e4e8;
border: 0;
height: .25em;
margin: 24px 0;
padding: 0
}
.markdown-body blockquote {
border-left: .25em solid #dfe2e5;
color: #6a737d;
padding: 0 1em
}
.markdown-body blockquote>:first-child {
margin-top: 0
}
.markdown-body blockquote>:last-child {
margin-bottom: 0
}
.markdown-body kbd {
background-color: #fafbfc;
border: 1px solid #c6cbd1;
border-bottom-color: #959da5;
border-radius: 3px;
box-shadow: inset 0 -1px 0 #959da5;
color: #444d56;
display: inline-block;
font-size: 11px;
line-height: 10px;
padding: 3px 5px;
vertical-align: middle
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
font-weight: 600;
line-height: 1.25;
margin-bottom: 16px;
margin-top: 24px
}
.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
color: #1b1f23;
vertical-align: middle;
visibility: hidden
}
.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
text-decoration: none
}
.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
visibility: visible
}
.markdown-body h1 code,
.markdown-body h1 tt,
.markdown-body h2 code,
.markdown-body h2 tt,
.markdown-body h3 code,
.markdown-body h3 tt,
.markdown-body h4 code,
.markdown-body h4 tt,
.markdown-body h5 code,
.markdown-body h5 tt,
.markdown-body h6 code,
.markdown-body h6 tt {
font-size: inherit
}
.markdown-body h1 {
font-size: 2em
}
.markdown-body h1,
.markdown-body h2 {
border-bottom: 1px solid #eaecef;
padding-bottom: .3em
}
.markdown-body h2 {
font-size: 1.5em
}
.markdown-body h3 {
font-size: 1.25em
}
.markdown-body h4 {
font-size: 1em
}
.markdown-body h5 {
font-size: .875em
}
.markdown-body h6 {
color: #6a737d;
font-size: .85em
}
.markdown-body ol,
.markdown-body ul {
padding-left: 2em
}
.markdown-body ol.no-list,
.markdown-body ul.no-list {
list-style-type: none;
padding: 0
}
.markdown-body ol ol,
.markdown-body ol ul,
.markdown-body ul ol,
.markdown-body ul ul {
margin-bottom: 0;
margin-top: 0
}
.markdown-body li {
word-wrap: break-all
}
.markdown-body li>p {
margin-top: 16px
}
.markdown-body li+li {
margin-top: .25em
}
.markdown-body dl {
padding: 0
}
.markdown-body dl dt {
font-size: 1em;
font-style: italic;
font-weight: 600;
margin-top: 16px;
padding: 0
}
.markdown-body dl dd {
margin-bottom: 16px;
padding: 0 16px
}
.markdown-body table {
display: block;
overflow: auto;
width: 100%
}
.markdown-body table th {
font-weight: 600
}
.markdown-body table td,
.markdown-body table th {
border: 1px solid #dfe2e5;
padding: 6px 13px
}
.markdown-body table tr {
background-color: #fff;
border-top: 1px solid #c6cbd1
}
.markdown-body table tr:nth-child(2n) {
background-color: #f6f8fa
}
.markdown-body table img {
background-color: transparent
}
.markdown-body img {
background-color: #fff;
box-sizing: content-box;
max-width: 100%
}
.markdown-body img[align=right] {
padding-left: 20px
}
.markdown-body img[align=left] {
padding-right: 20px
}
.markdown-body .emoji {
background-color: transparent;
max-width: none;
vertical-align: text-top
}
.markdown-body span.frame {
display: block;
overflow: hidden
}
.markdown-body span.frame>span {
border: 1px solid #dfe2e5;
display: block;
float: left;
margin: 13px 0 0;
overflow: hidden;
padding: 7px;
width: auto
}
.markdown-body span.frame span img {
display: block;
float: left
}
.markdown-body span.frame span span {
clear: both;
color: #24292e;
display: block;
padding: 5px 0 0
}
.markdown-body span.align-center {
clear: both;
display: block;
overflow: hidden
}
.markdown-body span.align-center>span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center
}
.markdown-body span.align-center span img {
margin: 0 auto;
text-align: center
}
.markdown-body span.align-right {
clear: both;
display: block;
overflow: hidden
}
.markdown-body span.align-right>span {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right
}
.markdown-body span.align-right span img {
margin: 0;
text-align: right
}
.markdown-body span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden
}
.markdown-body span.float-left span {
margin: 13px 0 0
}
.markdown-body span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden
}
.markdown-body span.float-right>span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right
}
.markdown-body code,
.markdown-body tt {
background-color: rgba(27, 31, 35, .05);
border-radius: 3px;
font-size: 85%;
margin: 0;
padding: .2em .4em
}
.markdown-body code br,
.markdown-body tt br {
display: none
}
.markdown-body del code {
text-decoration: inherit
}
.markdown-body pre {
word-wrap: normal
}
.markdown-body pre>code {
background: transparent;
border: 0;
font-size: 100%;
margin: 0;
padding: 0;
white-space: pre;
word-break: normal
}
.markdown-body .highlight {
margin-bottom: 16px
}
.markdown-body .highlight pre {
margin-bottom: 0;
word-break: normal
}
.markdown-body .highlight pre,
.markdown-body pre {
background-color: #f6f8fa;
border-radius: 3px;
font-size: 85%;
line-height: 1.45;
overflow: auto;
padding: 16px
}
.markdown-body pre code,
.markdown-body pre tt {
background-color: transparent;
border: 0;
display: inline;
line-height: inherit;
margin: 0;
max-width: auto;
overflow: visible;
padding: 0;
word-wrap: normal
}
.markdown-body .csv-data td,
.markdown-body .csv-data th {
font-size: 12px;
line-height: 1;
overflow: hidden;
padding: 5px;
text-align: left;
white-space: nowrap
}
.markdown-body .csv-data .blob-num {
background: #fff;
border: 0;
padding: 10px 8px 9px;
text-align: right
}
.markdown-body .csv-data tr {
border-top: 0
}
.markdown-body .csv-data th {
background: #f6f8fa;
border-top: 0;
font-weight: 600
}
.markdown-body {
font-size: 13px;
padding: 20px 10px 10px
}
.boxed-group-inner.markdown-body {
padding-bottom: 10px;
padding-top: 10px
}
.boxed-group-inner.seamless {
padding: 0
}
.prose-diff .markdown-body {
padding: 30px 30px 30px 15px
}
.prose-diff .markdown-body>ins {
box-shadow: inset 4px 0 0 #2cbe4e
}
.prose-diff .markdown-body>del {
box-shadow: inset 4px 0 0 #cb2431;
text-decoration: none
}
.prose-diff .markdown-body>del,
.prose-diff .markdown-body>ins {
border-radius: 0;
display: block
}
.prose-diff .markdown-body>del>.rich-diff-level-one,
.prose-diff .markdown-body>del>.rich-diff-level-zero,
.prose-diff .markdown-body>ins>.rich-diff-level-one,
.prose-diff .markdown-body>ins>.rich-diff-level-zero {
margin-left: 15px
}
.prose-diff .markdown-body>del:first-child *,
.prose-diff .markdown-body>ins:first-child * {
margin-top: 0
}
.prose-diff .rich-diff-level-zero.added {
box-shadow: inset 4px 0 0 #2cbe4e
}
.prose-diff .rich-diff-level-zero.removed {
box-shadow: inset 4px 0 0 #cb2431
}
.prose-diff .rich-diff-level-zero.changed {
box-shadow: inset 4px 0 0 #f9c513
}
.prose-diff .rich-diff-level-zero.unchanged,
.prose-diff .rich-diff-level-zero.vicinity {
margin-left: 15px
}
.prose-diff .rich-diff-level-zero.added,
.prose-diff .rich-diff-level-zero.changed,
.prose-diff .rich-diff-level-zero.removed {
border-radius: 0;
display: block
}
.prose-diff .rich-diff-level-zero.added>.rich-diff-level-one,
.prose-diff .rich-diff-level-zero.changed>.rich-diff-level-one,
.prose-diff .rich-diff-level-zero.removed>.rich-diff-level-one {
margin-left: 15px
}
.prose-diff .rich-diff-level-zero.added:first-child *,
.prose-diff .rich-diff-level-zero.changed:first-child *,
.prose-diff .rich-diff-level-zero.removed:first-child * {
margin-top: 0
}
.prose-diff :not(.changed)>:not(.github-user-ins):not(.github-user-del)>.removed,
.prose-diff :not(.changed)>:not(.github-user-ins):not(.github-user-del)>del {
text-decoration: none
}
.prose-diff .changed .removed,
.prose-diff .changed .removed>div,
.prose-diff .changed .removed code,
.prose-diff .changed .removed pre,
.prose-diff .changed del,
.prose-diff .changed del>div,
.prose-diff .changed del code,
.prose-diff .changed del pre {
background: #ffdce0;
color: #cb2431;
text-decoration: line-through
}
.prose-diff .changed .added,
.prose-diff .changed ins,
.prose-diff .changed ins code,
.prose-diff .changed ins pre {
background: #e6ffed;
border-bottom: 1px solid #2cbe4e
}
.prose-diff>.markdown-body .github-user-ins {
text-decoration: underline
}
.prose-diff>.markdown-body .github-user-del {
text-decoration: line-through
}
.prose-diff>.markdown-body li ul.added {
background: #e6ffed
}
.prose-diff>.markdown-body li ul.removed {
background: #ffeef0;
color: #cb2431
}
.prose-diff>.markdown-body li ul.removed:not(.github-user-ins) {
text-decoration: line-through
}
.prose-diff>.markdown-body li.added.moved-down .octicon,
.prose-diff>.markdown-body li.added.moved-up .octicon {
color: #d1d5da;
margin-left: 5px;
margin-right: 5px
}
.prose-diff>.markdown-body li.added.moved {
background: #fffdef
}
.prose-diff>.markdown-body li.removed.moved {
display: none
}
.prose-diff>.markdown-body pre {
padding: 10px 20px
}
.prose-diff>.markdown-body td.changed,
.prose-diff>.markdown-body th.changed {
background: #fffdef;
border-left-color: #dfe2e5
}
.prose-diff>.markdown-body :not(li.moved).removed {
background: #ffeef0;
color: #cb2431;
text-decoration: line-through
}
.prose-diff>.markdown-body :not(.github-user-ins):not(li.moved).removed {
text-decoration: line-through
}
.prose-diff>.markdown-body :not(li.moved).added,
.prose-diff>.markdown-body li:not(.moved).added {
background: #e6ffed
}
.prose-diff>.markdown-body :not(.github-user-del):not(li.moved).added li:not(.moved):not(.github-user-del).added {
text-decoration: none
}
.prose-diff>.markdown-body li:not(.moved).removed {
background: #ffeef0;
color: #cb2431
}
.prose-diff>.markdown-body li:not(.moved):not(.github-user-ins).removed {
text-decoration: line-through
}
.prose-diff>.markdown-body .added,
.prose-diff>.markdown-body ins,
.prose-diff>.markdown-body ins+.added {
border-bottom: 0;
border-top: 0
}
.prose-diff>.markdown-body .added:not(.github-user-del):not(.github-user-ins),
.prose-diff>.markdown-body ins+.added:not(.github-user-del):not(.github-user-ins),
.prose-diff>.markdown-body ins:not(.github-user-del):not(.github-user-ins) {
text-decoration: none
}
.prose-diff>.markdown-body img.added,
.prose-diff>.markdown-body img.removed {
border-style: solid;
border-width: 1px
}
.prose-diff>.markdown-body ins>div:not(.github-user-del):not(.github-user-ins),
.prose-diff>.markdown-body ins code:not(.github-user-del):not(.github-user-ins),
.prose-diff>.markdown-body ins pre:not(.github-user-del):not(.github-user-ins) {
text-decoration: none
}
.prose-diff>.markdown-body ul>del,
.prose-diff>.markdown-body ul>ins {
display: block;
padding: 0
}
.prose-diff>.markdown-body .added>li,
.prose-diff>.markdown-body .removed>li {
margin-bottom: 0;
margin-top: 0
}
.news .alert .markdown-body blockquote {
border: 0;
padding: 0 0 0 40px
}
.oauth-permissions-details .markdown-body {
font-size: 13px
}
.markdown-body h2 {
page-break-after: avoid
}
.markdown-body pre>code {
white-space: pre-wrap
}
.readme .markdown-body,
.readme .plain {
word-wrap: break-word
}
.file .readme .markdown-body {
border: 0;
border-radius: 0;
padding: 45px
}
.reorderable-task-lists .markdown-body .contains-task-list {
padding: 0
}
.reorderable-task-lists .markdown-body li:not(.task-list-item) {
margin-left: 26px
}
.reorderable-task-lists .markdown-body ol:not(.contains-task-list) li,
.reorderable-task-lists .markdown-body ul:not(.contains-task-list) li {
margin-left: 0
}
.reorderable-task-lists .markdown-body li p {
margin-top: 0
}
.reorderable-task-lists .markdown-body .task-list-item {
border: 1px solid transparent;
margin-left: -15px;
margin-right: -15px;
padding-left: 42px;
padding-right: 15px
}
.reorderable-task-lists .markdown-body .task-list-item+.task-list-item {
margin-top: 0
}
.reorderable-task-lists .markdown-body .task-list-item .contains-task-list {
padding-top: 4px
}
.reorderable-task-lists .markdown-body .task-list-item .handle {
display: block;
float: left;
margin-left: -43px;
opacity: 0;
padding: 2px 0 0 2px;
width: 20px
}
.reorderable-task-lists .markdown-body .task-list-item .drag-handle {
fill: #333
}
.reorderable-task-lists .markdown-body .task-list-item.hovered>.handle {
opacity: 1
}
.reorderable-task-lists .markdown-body .task-list-item.is-dragging {
opacity: 0
}
.review-comment-contents .markdown-body .task-list-item {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
margin-left: -12px;
margin-right: -12px;
padding-left: 42px
}
.review-comment-contents .markdown-body .task-list-item.hovered {
border-left-color: #ededed
}
.wiki-rightbar .markdown-body .anchor {
display: none
}
.wiki-rightbar .markdown-body h1 {
font-size: 1.6em
}
.wiki-rightbar .markdown-body h2 {
font-size: 1.4em
}
.wiki-rightbar ol:last-child,
.wiki-rightbar p:last-child,
.wiki-rightbar ul:last-child {
margin-bottom: 0
}
.wiki-footer .markdown-body,
.wiki-rightbar .markdown-body {
font-size: 13px
}
.wiki-footer .markdown-body.wiki-writable>:nth-child(2),
.wiki-rightbar .markdown-body.wiki-writable>:nth-child(2) {
margin-top: 0!important
}
.wiki-footer .markdown-body img {
background: none
}
@media (hover:none) {
.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
visibility: visible!important
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment