diff --git a/script-resources/markdown2htmldoc/themes-out/my.css b/script-resources/markdown2htmldoc/themes-out/my.css index af9f8a5..c6918ce 100644 --- a/script-resources/markdown2htmldoc/themes-out/my.css +++ b/script-resources/markdown2htmldoc/themes-out/my.css @@ -1 +1 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{box-sizing:border-box}body{color:#d3d0c8;background-color:#2d2d2d;font-family:"Ubuntu",sans-serif;font-size:16px;line-height:1.5;word-wrap:break-word;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body::-moz-selection,body::selection,body ::-moz-selection,body ::selection{color:#d3d0c8;background-color:#515151}article{min-width:200px;max-width:960px;margin:0 auto;padding:32px}@media(max-width: 767px){article{padding:24px}}article::after,article::before{display:table;content:""}article::after{clear:both}article>:first-child{margin-block-start:0 !important}article>:last-child{margin-block-end:0 !important}.octicon{display:inline-block;overflow:visible !important;vertical-align:text-bottom;fill:currentColor}a{color:#69c;text-decoration:none}a:hover,a:focus,a:active{text-decoration:underline}a:not([href]){color:unset;text-decoration:none}hr{margin-block-start:1.5em;margin-block-end:1.5em;border:.2em solid #515151}hr::after,hr::before{display:table;content:""}hr::after{clear:both}dl,details,table,blockquote,ul,ol,pre,p{margin-block-start:1em;margin-block-end:1em}blockquote{margin-inline-start:0;margin-inline-end:0;padding-inline-start:1em;border-inline-start:.25em solid #515151}blockquote>:first-child{margin-block-start:0 !important}blockquote>:last-child{margin-block-end:0 !important}summary{cursor:pointer}img{max-width:100%;box-sizing:content-box;background-color:#393939}img[align=left],img[align=right]{margin:.5em 1.25em}img[align=left]{margin-left:0}img[align=right]{margin-right:0}ins,del{text-decoration:none}ins{color:#9c9}del{color:#f2777a}mark{background-color:#fc6;color:#2d2d2d}h1,h2,h3,h4,h5,h6{margin-block-start:1.5em;margin-block-end:1em;padding-block-end:.3em;border-block-end:1px solid #515151;font-weight:600;line-height:1.25}h1 .anchor,h2 .anchor,h3 .anchor,h4 .anchor,h5 .anchor,h6 .anchor{float:left;padding-right:4px;margin-left:-20px;color:unset}h1 .anchor:hover,h2 .anchor:hover,h3 .anchor:hover,h4 .anchor:hover,h5 .anchor:hover,h6 .anchor:hover{text-decoration:none}h1 .anchor:focus,h2 .anchor:focus,h3 .anchor:focus,h4 .anchor:focus,h5 .anchor:focus,h6 .anchor:focus{outline:none}h1 .anchor>*,h2 .anchor>*,h3 .anchor>*,h4 .anchor>*,h5 .anchor>*,h6 .anchor>*{visibility:hidden;vertical-align:middle}h1:hover .anchor>*,h2:hover .anchor>*,h3:hover .anchor>*,h4:hover .anchor>*,h5:hover .anchor>*,h6:hover .anchor>*{visibility:visible}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.25em}h4{font-size:1em}h5{font-size:.875em}h6{font-size:.85em}code,kbd,samp,pre{font-family:"Ubuntu Mono",monospace}code{padding-block-start:.2em;padding-block-end:.2em;padding-inline-start:.3em;padding-inline-end:.3em;background-color:rgba(116,115,105,.2);border-radius:4px}pre{padding:1em;overflow:auto;color:#d3d0c8;background-color:#2d2d2d;border:1px solid #515151;border-radius:4px;line-height:1.3;word-wrap:normal}pre code{padding:unset;background-color:unset;border:unset}kbd{display:inline-block;padding-block-start:.2em;padding-block-end:.2em;padding-inline-start:.3em;padding-inline-end:.3em;vertical-align:bottom;font:0.75em/0.8333333333 Ubuntu Mono, monospace;color:#d3d0c8;background-color:#1a1a1a;border:.1em solid #0d0d0d;border-bottom-width:.4em;border-radius:4px}table{display:block;width:100%;overflow:auto;border-spacing:0;border-collapse:collapse;width:max-content;max-width:100%}th{font-weight:600}td,th{padding-block-start:.4em;padding-block-end:.4em;padding-inline-start:.75em;padding-inline-end:.75em;border:1px solid #515151}tr:nth-child(2n){background-color:rgba(81,81,81,.1)}ol,ul{padding-inline-start:2em}ol ol,ol ul,ul ol,ul ul{margin-block-start:0;margin-block-end:0}li{margin-block-start:.25em;margin-block-end:.25em}dt{margin-block-start:1em;font-weight:600;font-style:italic}dd{margin-block-end:1em;margin-inline-start:1em}ul>li.task-list-item{list-style-type:none}ul>li.task-list-item input[type=checkbox]:first-child{margin:0 .2em .25em -1.6em;vertical-align:middle} +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{box-sizing:border-box}body{color:#d3d0c8;background-color:#2d2d2d;font-family:"Ubuntu",sans-serif;font-size:16px;line-height:1.5;word-wrap:break-word;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body::-moz-selection,body::selection,body ::-moz-selection,body ::selection{color:#d3d0c8;background-color:#515151}article{min-width:200px;max-width:960px;margin:0 auto;padding:32px}@media(max-width: 767px){article{padding:24px}}article::after,article::before{display:table;content:""}article::after{clear:both}article>:first-child{margin-top:0 !important}article>:last-child{margin-bottom:0 !important}.octicon{display:inline-block;overflow:visible !important;vertical-align:text-bottom;fill:currentColor}a{color:#69c;text-decoration:none}a:hover,a:focus,a:active{text-decoration:underline}a:not([href]){color:unset;text-decoration:none}hr{margin-top:1.5em;margin-bottom:1.5em;border:.2em solid #515151}hr::after,hr::before{display:table;content:""}hr::after{clear:both}dl,details,table,blockquote,ul,ol,pre,p{margin-top:1em;margin-bottom:1em}blockquote{margin-left:0;margin-right:0;padding-left:1em;border-left:.25em solid #515151}blockquote>:first-child{margin-top:0 !important}blockquote>:last-child{margin-bottom:0 !important}summary{cursor:pointer}img{max-width:100%;box-sizing:content-box;background-color:#393939}img[align=left],img[align=right]{margin:.5em 1.25em}img[align=left]{margin-left:0}img[align=right]{margin-right:0}ins,del{text-decoration:none}ins{color:#9c9}del{color:#f2777a}mark{background-color:#fc6;color:#2d2d2d}h1,h2,h3,h4,h5,h6{margin-top:1.5em;margin-bottom:1em;padding-bottom:.3em;border-bottom:1px solid #515151;font-weight:600;line-height:1.25}h1 .anchor,h2 .anchor,h3 .anchor,h4 .anchor,h5 .anchor,h6 .anchor{float:left;padding-right:4px;margin-left:-20px;color:unset}h1 .anchor:hover,h2 .anchor:hover,h3 .anchor:hover,h4 .anchor:hover,h5 .anchor:hover,h6 .anchor:hover{text-decoration:none}h1 .anchor:focus,h2 .anchor:focus,h3 .anchor:focus,h4 .anchor:focus,h5 .anchor:focus,h6 .anchor:focus{outline:none}h1 .anchor>*,h2 .anchor>*,h3 .anchor>*,h4 .anchor>*,h5 .anchor>*,h6 .anchor>*{visibility:hidden;vertical-align:middle}h1:hover .anchor>*,h2:hover .anchor>*,h3:hover .anchor>*,h4:hover .anchor>*,h5:hover .anchor>*,h6:hover .anchor>*{visibility:visible}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.25em}h4{font-size:1em}h5{font-size:.875em}h6{font-size:.85em}code,kbd,samp,pre{font-family:"Ubuntu Mono",monospace}code{padding:.2em .3em;background-color:rgba(116,115,105,.2);border-radius:4px}pre{padding:1em;overflow:auto;color:#d3d0c8;background-color:#2d2d2d;border:1px solid #515151;border-radius:4px;line-height:1.3;word-wrap:normal}pre code{padding:unset;background-color:unset;border:unset}kbd{display:inline-block;padding:.2em .3em;vertical-align:bottom;font:0.75em/0.8333333333 Ubuntu Mono, monospace;color:#d3d0c8;background-color:#1a1a1a;border:.1em solid #0d0d0d;border-bottom-width:.4em;border-radius:4px}table{display:block;width:100%;overflow:auto;border-spacing:0;border-collapse:collapse;width:max-content;max-width:100%}th{font-weight:600}td,th{padding:.4em .75em;border:1px solid #515151}tr:nth-child(2n){background-color:rgba(81,81,81,.1)}ol,ul{padding-left:2em}ol ol,ol ul,ul ol,ul ul{margin-top:0;margin-bottom:0}li{margin-top:.25em;margin-bottom:.25em}dt{margin-top:1em;font-weight:600;font-style:italic}dd{margin-bottom:1em;margin-left:0;padding-left:1em}ul>li.task-list-item{list-style-type:none}ul>li.task-list-item input[type=checkbox]:first-child{margin:0 .2em .25em -1.6em;vertical-align:middle} diff --git a/script-resources/markdown2htmldoc/themes-src/my.scss b/script-resources/markdown2htmldoc/themes-src/my.scss index 45be05f..96fb6b6 100644 --- a/script-resources/markdown2htmldoc/themes-src/my.scss +++ b/script-resources/markdown2htmldoc/themes-src/my.scss @@ -13,20 +13,6 @@ // User-Agent stylesheets (): // Firefox: // Chromium: -// -// NOTE: This stylesheet makes heavy use of the -// {margin,padding,border}-{inline,block}-{start,end} rules (apparently they -// are called CSS Logical Properties[5]), for two reasons: -// -// 1. Judging by MDN this might give us not only easy RTL support, but possibly -// even support for vertical text directions. -// -// 2. UA stylesheets also rely on those, so overrides of those end up being -// more explicit and are shown in the devtools correctly. -// -// 3. However, they have pretty bad cross-browser support at the moment, so TODO: remove. -// -// [5]: @use 'sass:math'; @use 'sass:color'; @@ -76,22 +62,13 @@ $paragraph-spacing: 1em; @mixin cancel-out-child-margins { & > :first-child { - margin-block-start: 0 !important; + margin-top: 0 !important; } & > :last-child { - margin-block-end: 0 !important; + margin-bottom: 0 !important; } } -// prettier-ignore -@mixin margin-block($margin) { margin-block-start: $margin; margin-block-end: $margin; } -// prettier-ignore -@mixin margin-inline($margin) { margin-inline-start: $margin; margin-inline-end: $margin; } -// prettier-ignore -@mixin padding-block($padding) { padding-block-start: $padding; padding-block-end: $padding; } -// prettier-ignore -@mixin padding-inline($padding) { padding-inline-start: $padding; padding-inline-end: $padding; } - //////////////////////////////////////////////////////////////////////////////// // BASE STYLES // @@ -171,7 +148,8 @@ a { // // hr { - @include margin-block($paragraph-spacing * 1.5); + margin-top: $paragraph-spacing * 1.5; + margin-bottom: $paragraph-spacing * 1.5; border: border($width: 0.2em); @include clearfix(); } @@ -187,14 +165,16 @@ ul, ol, pre, p { - @include margin-block($paragraph-spacing); + margin-top: $paragraph-spacing; + margin-bottom: $paragraph-spacing; } // blockquote { - @include margin-inline(0); - padding-inline-start: 1em; - border-inline-start: border($width: 0.25em); + margin-left: 0; + margin-right: 0; + padding-left: 1em; + border-left: border($width: 0.25em); @include cancel-out-child-margins(); } @@ -254,10 +234,10 @@ h3, h4, h5, h6 { - margin-block-start: $paragraph-spacing * 1.5; - margin-block-end: $paragraph-spacing * 1; - padding-block-end: 0.3em; - border-block-end: border(); + margin-top: $paragraph-spacing * 1.5; + margin-bottom: $paragraph-spacing * 1; + padding-bottom: 0.3em; + border-bottom: border(); // Make the headers less bold, the default font-weight is 700. font-weight: 600; line-height: $line-height-headings; @@ -331,8 +311,7 @@ pre { // Inline code snippets. code { - @include padding-block(0.2em); - @include padding-inline(0.3em); + padding: 0.2em 0.3em; background-color: rgba(colorscheme.$base-03, 0.2); border-radius: $border-radius; } @@ -363,8 +342,7 @@ pre { kbd { display: inline-block; - @include padding-block(0.2em); - @include padding-inline(0.3em); + padding: 0.2em 0.3em; vertical-align: bottom; // The original stylesheet specifies both font-size and line-height in @@ -413,8 +391,7 @@ th { td, th { - @include padding-block(0.4em); - @include padding-inline(0.75em); + padding: 0.4em 0.75em; border: border(); } @@ -430,31 +407,34 @@ tr:nth-child(2n) { // ol, ul { - padding-inline-start: 2em; + padding-left: 2em; // Disable the "paragraph" margins for nested lists. // & & { - @include margin-block(0); + margin-top: 0; + margin-bottom: 0; } } // li { - @include margin-block($paragraph-spacing * 0.25); + margin-top: $paragraph-spacing * 0.25; + margin-bottom: $paragraph-spacing * 0.25; } // dt { - margin-block-start: $paragraph-spacing; + margin-top: $paragraph-spacing; font-weight: 600; font-style: italic; } // dd { - margin-block-end: $paragraph-spacing; - margin-inline-start: 1em; + margin-bottom: $paragraph-spacing; + margin-left: 0; + padding-left: 1em; } // Apparently not available in Primer? Had to copy from the extracted