construction (doesn't affect MarkDown)\n div > ol:not([type]) {\n list-style-type: decimal;\n }\n\n // Did someone complain about list spacing? Encourage them\n // to create the spacing with their markdown formatting.\n // List behavior should be controled by the markup, not the css.\n //\n // For lists with padding between items, use blank\n // lines between items. This will generate paragraphs with\n // padding to space things out.\n //\n // - item\n //\n // - item\n //\n // - item\n //\n // For list without padding, don't use blank lines.\n //\n // - item\n // - item\n // - item\n //\n // Modifying the css to emulate these behaviors merely brakes\n // one case in the process of solving another. Don't change\n // this unless it's really really a bug.\n ul ul,\n ul ol,\n ol ol,\n ol ul {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n li > p {\n margin-top: $spacer-3;\n }\n\n li + li {\n margin-top: $em-spacer-3;\n }\n\n dl {\n padding: 0;\n\n dt {\n padding: 0;\n margin-top: $spacer-3;\n font-size: 1em;\n font-style: italic;\n font-weight: $font-weight-bold;\n }\n\n dd {\n padding: 0 $spacer-3;\n margin-bottom: $spacer-3;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-type\n.markdown-body {\n // Tables\n table {\n display: block;\n width: 100%; // keep for backwards compatibility\n width: max-content;\n max-width: 100%;\n overflow: auto;\n\n th {\n font-weight: $font-weight-bold;\n }\n\n th,\n td {\n // stylelint-disable-next-line primer/spacing\n padding: 6px 13px;\n border: $border-width $border-style var(--color-markdown-table-border);\n }\n\n tr {\n background-color: var(--color-bg-primary);\n border-top: $border-width $border-style var(--color-markdown-table-tr-border);\n\n &:nth-child(2n) {\n background-color: var(--color-bg-tertiary);\n }\n }\n\n img {\n background-color: transparent;\n }\n }\n}\n","// Need to target base styles\n// stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n // Images & Stuff\n img {\n max-width: 100%;\n // because we put padding on the images to hide header lines, and some people\n // specify the width of their images in their markdown.\n box-sizing: content-box;\n background-color: var(--color-bg-primary);\n\n &[align=right] {\n // stylelint-disable-next-line primer/spacing\n padding-left: 20px;\n }\n\n &[align=left] {\n // stylelint-disable-next-line primer/spacing\n padding-right: 20px;\n }\n }\n\n .emoji {\n max-width: none;\n vertical-align: text-top;\n // Override `` styles so Emjois don't clash with zebra striping in our tables\n background-color: transparent;\n }\n\n // Gollum Image Tags\n\n // Framed\n span.frame {\n display: block;\n overflow: hidden;\n\n > span {\n display: block;\n float: left;\n width: auto;\n // stylelint-disable-next-line primer/spacing\n padding: 7px;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n border: $border-width $border-style var(--color-markdown-frame-border);\n }\n\n span img {\n display: block;\n float: left;\n }\n\n span span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n padding: 5px 0 0;\n clear: both;\n color: var(--color-text-primary);\n }\n }\n\n span.align-center {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center;\n }\n\n span img {\n margin: 0 auto;\n text-align: center;\n }\n }\n\n span.align-right {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right;\n }\n\n span img {\n margin: 0;\n text-align: right;\n }\n }\n\n span.float-left {\n display: block;\n float: left;\n // stylelint-disable-next-line primer/spacing\n margin-right: 13px;\n overflow: hidden;\n\n span {\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n }\n }\n\n span.float-right {\n display: block;\n float: right;\n // stylelint-disable-next-line primer/spacing\n margin-left: 13px;\n overflow: hidden;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right;\n }\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body {\n // Inline code snippets\n code,\n tt {\n // stylelint-disable-next-line primer/spacing\n padding: 0.2em 0.4em;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n background-color: var(--color-markdown-code-bg);\n border-radius: $border-radius;\n\n br { display: none; }\n }\n\n del code { text-decoration: inherit; }\n\n pre {\n word-wrap: normal;\n\n // Code tags within code blocks (s)\n > code {\n padding: 0;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0;\n }\n }\n\n .highlight {\n margin-bottom: $spacer-3;\n\n pre {\n margin-bottom: 0;\n word-break: normal;\n }\n }\n\n .highlight pre,\n pre {\n padding: $spacer-3;\n overflow: auto;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/typography\n line-height: 1.45;\n background-color: var(--color-bg-tertiary);\n border-radius: $border-radius;\n }\n\n pre code,\n pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0;\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body .csv-data {\n td,\n th {\n // stylelint-disable-next-line primer/spacing\n padding: 5px;\n overflow: hidden;\n font-size: $font-size-small;\n line-height: $lh-condensed-ultra;\n text-align: left;\n white-space: nowrap;\n }\n\n .blob-num {\n // stylelint-disable-next-line primer/spacing\n padding: 10px $spacer-2 9px;\n text-align: right;\n background: var(--color-bg-primary);\n border: 0;\n }\n\n tr { border-top: 0; }\n\n th {\n font-weight: $font-weight-bold;\n background: var(--color-bg-tertiary);\n border-top: 0;\n }\n}\n"]}