From 945d160e2291deefb0c1a8166221ab763d9d4877 Mon Sep 17 00:00:00 2001 From: James Brooks Date: Wed, 31 Aug 2016 16:42:07 +0100 Subject: [PATCH] Some changes in _github-markdown.scss --- .../assets/sass/plugins/_github-markdown.scss | 481 +++++++++--------- 1 file changed, 241 insertions(+), 240 deletions(-) diff --git a/resources/assets/sass/plugins/_github-markdown.scss b/resources/assets/sass/plugins/_github-markdown.scss index 00d48488..dd9dac37 100644 --- a/resources/assets/sass/plugins/_github-markdown.scss +++ b/resources/assets/sass/plugins/_github-markdown.scss @@ -6,119 +6,13 @@ .markdown-body { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; - line-height: 1.5; color: #333; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; - line-height: 1.5; + line-height: 1.6; word-wrap: break-word; } -.markdown-body .pl-c { - color: #969896; -} - -.markdown-body .pl-c1, -.markdown-body .pl-s .pl-v { - color: #0086b3; -} - -.markdown-body .pl-e, -.markdown-body .pl-en { - color: #795da3; -} - -.markdown-body .pl-smi, -.markdown-body .pl-s .pl-s1 { - color: #333; -} - -.markdown-body .pl-ent { - color: #63a35c; -} - -.markdown-body .pl-k { - color: #a71d5d; -} - -.markdown-body .pl-s, -.markdown-body .pl-pds, -.markdown-body .pl-s .pl-pse .pl-s1, -.markdown-body .pl-sr, -.markdown-body .pl-sr .pl-cce, -.markdown-body .pl-sr .pl-sre, -.markdown-body .pl-sr .pl-sra { - color: #183691; -} - -.markdown-body .pl-v { - color: #ed6a43; -} - -.markdown-body .pl-id { - color: #b52a1d; -} - -.markdown-body .pl-ii { - color: #f8f8f8; - background-color: #b52a1d; -} - -.markdown-body .pl-sr .pl-cce { - font-weight: bold; - color: #63a35c; -} - -.markdown-body .pl-ml { - color: #693a17; -} - -.markdown-body .pl-mh, -.markdown-body .pl-mh .pl-en, -.markdown-body .pl-ms { - font-weight: bold; - color: #1d3e81; -} - -.markdown-body .pl-mq { - color: #008080; -} - -.markdown-body .pl-mi { - font-style: italic; - color: #333; -} - -.markdown-body .pl-mb { - font-weight: bold; - color: #333; -} - -.markdown-body .pl-md { - color: #bd2c00; - background-color: #ffecec; -} - -.markdown-body .pl-mi1 { - color: #55a532; - background-color: #eaffea; -} - -.markdown-body .pl-mdr { - font-weight: bold; - color: #795da3; -} - -.markdown-body .pl-mo { - color: #1d3e81; -} - -.markdown-body .octicon { - display: inline-block; - vertical-align: text-top; - fill: currentColor; -} - .markdown-body a { background-color: transparent; -webkit-text-decoration-skip: objects; @@ -184,14 +78,22 @@ padding: 0; } +.markdown-body table { + border-spacing: 0; + border-collapse: collapse; +} + +.markdown-body td, +.markdown-body th { + padding: 0; +} + .markdown-body * { box-sizing: border-box; } .markdown-body input { - font-family: inherit; - font-size: inherit; - line-height: inherit; + font: 13px/1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .markdown-body a { @@ -204,10 +106,6 @@ text-decoration: underline; } -.markdown-body strong { - font-weight: 600; -} - .markdown-body hr { height: 0; margin: 15px 0; @@ -228,16 +126,6 @@ content: ""; } -.markdown-body table { - border-spacing: 0; - border-collapse: collapse; -} - -.markdown-body td, -.markdown-body th { - padding: 0; -} - .markdown-body h1, .markdown-body h2, .markdown-body h3, @@ -246,36 +134,31 @@ .markdown-body h6 { margin-top: 0; margin-bottom: 0; + line-height: 1.5; } .markdown-body h1 { - font-size: 32px; - font-weight: 600; + font-size: 30px; } .markdown-body h2 { - font-size: 24px; - font-weight: 600; + font-size: 21px; } .markdown-body h3 { - font-size: 20px; - font-weight: 600; + font-size: 16px; } .markdown-body h4 { - font-size: 16px; - font-weight: 600; + font-size: 14px; } .markdown-body h5 { - font-size: 14px; - font-weight: 600; + font-size: 12px; } .markdown-body h6 { - font-size: 12px; - font-weight: 600; + font-size: 11px; } .markdown-body p { @@ -321,25 +204,44 @@ font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace; } -.markdown-body .octicon { - vertical-align: text-bottom; +.markdown-body .pl-0 { + padding-left: 0 !important; } -.markdown-body input { - -webkit-font-feature-settings: "liga" 0; - font-feature-settings: "liga" 0; +.markdown-body .pl-1 { + padding-left: 3px !important; +} + +.markdown-body .pl-2 { + padding-left: 6px !important; +} + +.markdown-body .pl-3 { + padding-left: 12px !important; +} + +.markdown-body .pl-4 { + padding-left: 24px !important; +} + +.markdown-body .pl-5 { + padding-left: 36px !important; +} + +.markdown-body .pl-6 { + padding-left: 48px !important; } .markdown-body .form-select::-ms-expand { opacity: 0; } -.markdown-body::before { +.markdown-body:before { display: table; content: ""; } -.markdown-body::after { +.markdown-body:after { display: table; clear: both; content: ""; @@ -359,73 +261,25 @@ } .markdown-body .anchor { - float: left; - padding-right: 4px; - margin-left: -20px; - line-height: 1; + display: inline-block; + padding-right: 2px; + margin-left: -18px; } .markdown-body .anchor:focus { outline: none; } -.markdown-body p, -.markdown-body blockquote, -.markdown-body ul, -.markdown-body ol, -.markdown-body dl, -.markdown-body table, -.markdown-body pre { - margin-top: 0; - margin-bottom: 16px; -} - -.markdown-body hr { - height: 0.25em; - padding: 0; - margin: 24px 0; - background-color: #e7e7e7; - border: 0; -} - -.markdown-body blockquote { - padding: 0 1em; - color: #777; - border-left: 0.25em solid #ddd; -} - -.markdown-body blockquote>:first-child { - margin-top: 0; -} - -.markdown-body blockquote>:last-child { - margin-bottom: 0; -} - -.markdown-body kbd { - display: inline-block; - padding: 3px 5px; - font-size: 11px; - line-height: 10px; - color: #555; - vertical-align: middle; - background-color: #fcfcfc; - border: solid 1px #ccc; - border-bottom-color: #bbb; - border-radius: 3px; - box-shadow: inset 0 -1px 0 #bbb; -} - .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { - margin-top: 24px; + margin-top: 1em; margin-bottom: 16px; - font-weight: 600; - line-height: 1.25; + font-weight: bold; + line-height: 1.4; } .markdown-body h1 .octicon-link, @@ -459,33 +313,79 @@ .markdown-body h1 { padding-bottom: 0.3em; - font-size: 2em; + font-size: 2.25em; + line-height: 1.2; border-bottom: 1px solid #eee; } +.markdown-body h1 .anchor { + line-height: 1; +} + .markdown-body h2 { padding-bottom: 0.3em; - font-size: 1.5em; + font-size: 1.75em; + line-height: 1.225; border-bottom: 1px solid #eee; } +.markdown-body h2 .anchor { + line-height: 1; +} + .markdown-body h3 { - font-size: 1.25em; + font-size: 1.5em; + line-height: 1.43; +} + +.markdown-body h3 .anchor { + line-height: 1.2; } .markdown-body h4 { - font-size: 1em; + font-size: 1.25em; +} + +.markdown-body h4 .anchor { + line-height: 1.2; } .markdown-body h5 { - font-size: 0.875em; + font-size: 1em; +} + +.markdown-body h5 .anchor { + line-height: 1.1; } .markdown-body h6 { - font-size: 0.85em; + font-size: 1em; color: #777; } +.markdown-body h6 .anchor { + line-height: 1.1; +} + +.markdown-body p, +.markdown-body blockquote, +.markdown-body ul, +.markdown-body ol, +.markdown-body dl, +.markdown-body table, +.markdown-body pre { + margin-top: 0; + margin-bottom: 16px; +} + +.markdown-body hr { + height: 4px; + padding: 0; + margin: 16px 0; + background-color: #e7e7e7; + border: 0 none; +} + .markdown-body ul, .markdown-body ol { padding-left: 2em; @@ -503,10 +403,6 @@ margin-top: 16px; } -.markdown-body li+li { - margin-top: 0.25em; -} - .markdown-body dl { padding: 0; } @@ -524,6 +420,20 @@ margin-bottom: 16px; } +.markdown-body blockquote { + padding: 0 15px; + color: #777; + border-left: 4px solid #ddd; +} + +.markdown-body blockquote>:first-child { + margin-top: 0; +} + +.markdown-body blockquote>:last-child { + margin-bottom: 0; +} + .markdown-body table { display: block; width: 100%; @@ -567,16 +477,12 @@ border-radius: 3px; } -.markdown-body code::before, -.markdown-body code::after { +.markdown-body code:before, +.markdown-body code:after { letter-spacing: -0.2em; content: "\00a0"; } -.markdown-body pre { - word-wrap: normal; -} - .markdown-body pre>code { padding: 0; margin: 0; @@ -591,11 +497,6 @@ margin-bottom: 16px; } -.markdown-body .highlight pre { - margin-bottom: 0; - word-break: normal; -} - .markdown-body .highlight pre, .markdown-body pre { padding: 16px; @@ -606,54 +507,143 @@ border-radius: 3px; } +.markdown-body .highlight pre { + margin-bottom: 0; + word-break: normal; +} + +.markdown-body pre { + word-wrap: normal; +} + .markdown-body pre code { display: inline; - max-width: auto; + max-width: initial; padding: 0; margin: 0; - overflow: visible; + overflow: initial; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0; } -.markdown-body pre code::before, -.markdown-body pre code::after { +.markdown-body pre code:before, +.markdown-body pre code:after { content: normal; } -.markdown-body .pl-0 { - padding-left: 0 !important; +.markdown-body kbd { + display: inline-block; + padding: 3px 5px; + font-size: 11px; + line-height: 10px; + color: #555; + vertical-align: middle; + background-color: #fcfcfc; + border: solid 1px #ccc; + border-bottom-color: #bbb; + border-radius: 3px; + box-shadow: inset 0 -1px 0 #bbb; } -.markdown-body .pl-1 { - padding-left: 3px !important; +.markdown-body .pl-c { + color: #969896; } -.markdown-body .pl-2 { - padding-left: 6px !important; +.markdown-body .pl-c1, +.markdown-body .pl-s .pl-v { + color: #0086b3; } -.markdown-body .pl-3 { - padding-left: 12px !important; +.markdown-body .pl-e, +.markdown-body .pl-en { + color: #795da3; } -.markdown-body .pl-4 { - padding-left: 24px !important; +.markdown-body .pl-s .pl-s1, +.markdown-body .pl-smi { + color: #333; } -.markdown-body .pl-5 { - padding-left: 36px !important; +.markdown-body .pl-ent { + color: #63a35c; } -.markdown-body .pl-6 { - padding-left: 48px !important; +.markdown-body .pl-k { + color: #a71d5d; } -.markdown-body .full-commit .btn-outline:not(:disabled):hover { - color: #4078c0; - border: 1px solid #4078c0; +.markdown-body .pl-pds, +.markdown-body .pl-s, +.markdown-body .pl-s .pl-pse .pl-s1, +.markdown-body .pl-sr, +.markdown-body .pl-sr .pl-cce, +.markdown-body .pl-sr .pl-sra, +.markdown-body .pl-sr .pl-sre { + color: #183691; +} + +.markdown-body .pl-v { + color: #ed6a43; +} + +.markdown-body .pl-id { + color: #b52a1d; +} + +.markdown-body .pl-ii { + background-color: #b52a1d; + color: #f8f8f8; +} + +.markdown-body .pl-sr .pl-cce { + color: #63a35c; + font-weight: bold; +} + +.markdown-body .pl-ml { + color: #693a17; +} + +.markdown-body .pl-mh, +.markdown-body .pl-mh .pl-en, +.markdown-body .pl-ms { + color: #1d3e81; + font-weight: bold; +} + +.markdown-body .pl-mq { + color: #008080; +} + +.markdown-body .pl-mi { + color: #333; + font-style: italic; +} + +.markdown-body .pl-mb { + color: #333; + font-weight: bold; +} + +.markdown-body .pl-md { + background-color: #ffecec; + color: #bd2c00; +} + +.markdown-body .pl-mi1 { + background-color: #eaffea; + color: #55a532; +} + +.markdown-body .pl-mdr { + color: #795da3; + font-weight: bold; +} + +.markdown-body .pl-mo { + color: #1d3e81; } .markdown-body kbd { @@ -670,12 +660,23 @@ box-shadow: inset 0 -1px 0 #bbb; } +.markdown-body .full-commit .btn-outline:not(:disabled):hover { + color: #4078c0; + border: 1px solid #4078c0; +} + .markdown-body :checked+.radio-label { position: relative; z-index: 1; border-color: #4078c0; } +.markdown-body .octicon { + display: inline-block; + vertical-align: text-top; + fill: currentColor; +} + .markdown-body .task-list-item { list-style-type: none; }