elements due\n // to https://bugs.webkit.org/show_bug.cgi?id=142737.\n a:not([href]) {\n color: inherit;\n text-decoration: none;\n }\n\n // Link Colors\n .absent {\n color: var(--color-text-danger);\n }\n\n .anchor {\n float: left;\n padding-right: $spacer-1;\n // stylelint-disable-next-line primer/spacing\n margin-left: -20px;\n line-height: $lh-condensed-ultra;\n\n &:focus {\n outline: none;\n }\n }\n\n p,\n blockquote,\n ul,\n ol,\n dl,\n table,\n pre,\n details {\n margin-top: 0;\n margin-bottom: $spacer-3;\n }\n\n hr {\n height: $em-spacer-3;\n padding: 0;\n margin: $spacer-4 0;\n // stylelint-disable-next-line primer/colors\n background-color: var(--color-border-primary);\n border: 0;\n }\n\n blockquote {\n // stylelint-disable-next-line primer/spacing\n padding: 0 1em;\n color: var(--color-text-tertiary);\n // stylelint-disable-next-line primer/borders\n border-left: 0.25em $border-style var(--color-markdown-blockquote-border);\n\n > :first-child {\n margin-top: 0;\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n }\n}\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Keyboard shortcuts\n// stylelint-disable selector-max-type\n\nkbd {\n display: inline-block;\n // stylelint-disable-next-line primer/spacing\n padding: ($spacer-1 - 1) ($spacer-1 + 1);\n font: 11px $mono-font;\n // stylelint-disable-next-line primer/typography\n line-height: 10px;\n // stylelint-disable-next-line primer/colors\n color: var(--color-auto-gray-7);\n vertical-align: middle;\n background-color: var(--color-bg-secondary);\n // stylelint-disable-next-line primer/borders\n border: $border-style $border-width var(--color-border-tertiary);\n border-bottom-color: var(--color-border-tertiary);\n border-radius: $border-radius;\n // stylelint-disable-next-line primer/box-shadow\n box-shadow: inset 0 -1px 0 var(--color-border-tertiary);\n}\n","// Miscellaneous variables\n\n// Border\n$border-width: 1px !default;\n$border-style: solid !default;\n$border: $border-width $border-style var(--color-border-primary) !default;\n\n// Border Radius\n$border-radius-1: 4px !default;\n$border-radius-2: 6px !default;\n$border-radius-3: 8px !default;\n$border-radius: $border-radius-2 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n block,\n flex,\n inline,\n inline-block,\n inline-flex,\n none,\n table,\n table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n top: (top-left, top-right),\n right: (top-right, bottom-right),\n bottom: (bottom-right, bottom-left),\n left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n// 0 => 0px\n// 1 => 4px\n// 2 => 8px\n// 3 => 16px\n// 4 => 24px\n// 5 => 32px\n// 6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default; // 0\n$spacer-1: round($spacer / 2) !default; // 4px\n$spacer-2: $spacer !default; // 8px\n$spacer-3: $spacer * 2 !default; // 16px\n$spacer-4: $spacer * 3 !default; // 24px\n$spacer-5: $spacer * 4 !default; // 32px\n$spacer-6: $spacer * 5 !default; // 40px\n\n// The list of spacer values\n$spacers: (\n $spacer-0,\n $spacer-1,\n $spacer-2,\n $spacer-3,\n $spacer-4,\n $spacer-5,\n $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n 0: $spacer-0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default; // 1/8\n$em-spacer-3: 0.25em !default; // 1/4\n$em-spacer-4: 0.375em !default; // 3/8\n$em-spacer-5: 0.5em !default; // 1/2\n$em-spacer-6: 0.75em !default; // 3/4\n\n// Size scale\n// Used for buttons, inputs, labels, avatars etc.\n$size: 16px !default;\n\n$size-0: 0 !default;\n$size-1: $size !default; // 16px\n$size-2: $size-1 + 4px !default; // 20px\n$size-3: $size-2 + 4px !default; // 24px\n$size-4: $size-3 + 4px !default; // 28px\n$size-5: $size-4 + 4px !default; // 32px\n$size-6: $size-5 + 8px !default; // 40px\n$size-7: $size-6 + 8px !default; // 48px\n$size-8: $size-7 + 16px !default; // 64px\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter: 10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n sm: $width-sm,\n md: $width-md,\n lg: $width-lg,\n xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n// @include breakpoint($breakpoint) {\n// .foo#{$variant}-bar { foo: bar !important; }\n// }\n// }\n// ```\n$responsive-variants: (\n \"\": \"\",\n sm: \"-sm\",\n md: \"-md\",\n lg: \"-lg\",\n xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n static,\n relative,\n absolute,\n fixed,\n sticky\n) !default;\n\n// UI scales\n$ui-scales: (\n normal: \"pointer: fine\",\n large: \"pointer: coarse\"\n) !default;\n","// Needs refactoring\n// stylelint-disable selector-max-compound-selectors, selector-max-specificity\n// stylelint-disable selector-max-type\n.markdown-body {\n // Headings\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: $spacer-4;\n margin-bottom: $spacer-3;\n font-weight: $font-weight-bold;\n line-height: $lh-condensed;\n\n .octicon-link {\n color: var(--color-text-primary);\n vertical-align: middle;\n visibility: hidden;\n }\n\n &:hover .anchor {\n text-decoration: none;\n\n .octicon-link {\n visibility: visible;\n }\n }\n\n tt,\n code {\n font-size: inherit;\n }\n }\n\n h1 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 2em;\n border-bottom: $border-width $border-style var(--color-border-secondary);\n }\n\n h2 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 1.5em;\n border-bottom: $border-width $border-style var(--color-border-secondary);\n }\n\n h3 {\n // stylelint-disable-next-line primer/typography\n font-size: 1.25em;\n }\n\n h4 {\n font-size: 1em;\n }\n\n h5 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.875em;\n }\n\n h6 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.85em;\n color: var(--color-text-tertiary);\n }\n}\n","// Base styles\n// stylelint-disable selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n // Lists, Blockquotes & Such\n ul,\n ol {\n // stylelint-disable-next-line primer/spacing\n padding-left: 2em;\n\n &.no-list {\n padding: 0;\n list-style-type: none;\n }\n }\n\n ol[type=\"1\"] {\n list-style-type: decimal;\n }\n\n ol[type=\"a\"] {\n list-style-type: lower-alpha;\n }\n\n ol[type=\"i\"] {\n list-style-type: lower-roman;\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"]}