`s get reset. However, we also reset the\r\n// bottom margin to use `rem` units instead of `em`.\r\n\r\n.editor-styles-wrapper p {\r\n margin-top: 0;\r\n margin-bottom: $paragraph-margin-bottom;\r\n}\r\n\r\n\r\n// Abbreviations\r\n//\r\n// 1. Add the correct text decoration in Chrome, Edge, Opera, and Safari.\r\n// 2. Add explicit cursor to indicate changed behavior.\r\n// 3. Prevent the text-decoration to be skipped.\r\n\r\n.editor-styles-wrapper abbr[title] {\r\n text-decoration: underline dotted; // 1\r\n cursor: help; // 2\r\n text-decoration-skip-ink: none; // 3\r\n}\r\n\r\n\r\n// Address\r\n\r\n.editor-styles-wrapper address {\r\n margin-bottom: 1rem;\r\n font-style: normal;\r\n line-height: inherit;\r\n}\r\n\r\n\r\n// Lists\r\n.editor-styles-wrapper {\r\n\r\n\r\n ol,\r\n ul {\r\n padding-left: 2rem;\r\n }\r\n\r\n ol,\r\n ul,\r\n dl {\r\n margin-top: 0;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n ol ol,\r\n ul ul,\r\n ol ul,\r\n ul ol {\r\n margin-bottom: 0;\r\n }\r\n\r\n dt {\r\n font-weight: $dt-font-weight;\r\n }\r\n\r\n // 1. Undo browser default\r\n\r\n dd {\r\n margin-bottom: .5rem;\r\n margin-left: 0; // 1\r\n }\r\n\r\n\r\n // Blockquote\r\n\r\n blockquote {\r\n margin: 0 0 1rem;\r\n }\r\n\r\n\r\n // Strong\r\n //\r\n // Add the correct font weight in Chrome, Edge, and Safari\r\n\r\n b,\r\n strong {\r\n font-weight: $font-weight-bolder;\r\n }\r\n\r\n\r\n // Small\r\n //\r\n // Add the correct font size in all browsers\r\n\r\n small {\r\n @include font-size($small-font-size);\r\n }\r\n\r\n\r\n // Mark\r\n\r\n mark {\r\n padding: $mark-padding;\r\n background-color: var(--#{$prefix}highlight-bg);\r\n }\r\n\r\n\r\n // Sub and Sup\r\n //\r\n // Prevent `sub` and `sup` elements from affecting the line height in\r\n // all browsers.\r\n\r\n sub,\r\n sup {\r\n position: relative;\r\n @include font-size($sub-sup-font-size);\r\n line-height: 0;\r\n vertical-align: baseline;\r\n }\r\n\r\n sub { bottom: -.25em; }\r\n sup { top: -.5em; }\r\n\r\n\r\n // Links\r\n\r\n a {\r\n color: var(--#{$prefix}link-color);\r\n text-decoration: $link-decoration;\r\n\r\n &:hover {\r\n color: var(--#{$prefix}link-hover-color);\r\n text-decoration: $link-hover-decoration;\r\n }\r\n }\r\n\r\n // And undo these styles for placeholder links/named anchors (without href).\r\n // It would be more straightforward to just use a[href] in previous block, but that\r\n // causes specificity issues in many other styles that are too complex to fix.\r\n // See https://github.com/twbs/bootstrap/issues/19402\r\n\r\n a:not([href]):not([class]) {\r\n &,\r\n &:hover {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n }\r\n\r\n\r\n // Code\r\n\r\n pre,\r\n code,\r\n kbd,\r\n samp {\r\n font-family: $font-family-code;\r\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\r\n }\r\n\r\n // 1. Remove browser default top margin\r\n // 2. Reset browser default of `1em` to use `rem`s\r\n // 3. Don't allow content to break outside\r\n\r\n pre {\r\n display: block;\r\n margin-top: 0; // 1\r\n margin-bottom: 1rem; // 2\r\n overflow: auto; // 3\r\n @include font-size($code-font-size);\r\n color: $pre-color;\r\n\r\n // Account for some code outputs that place code tags in pre tags\r\n code {\r\n @include font-size(inherit);\r\n color: inherit;\r\n word-break: normal;\r\n }\r\n }\r\n\r\n code {\r\n @include font-size($code-font-size);\r\n color: var(--#{$prefix}code-color);\r\n word-wrap: break-word;\r\n\r\n // Streamline the style when inside anchors to avoid broken underline and more\r\n a > & {\r\n color: inherit;\r\n }\r\n }\r\n\r\n kbd {\r\n padding: $kbd-padding-y $kbd-padding-x;\r\n @include font-size($kbd-font-size);\r\n color: $kbd-color;\r\n background-color: $kbd-bg;\r\n @include border-radius($border-radius-sm);\r\n\r\n kbd {\r\n padding: 0;\r\n @include font-size(1em);\r\n font-weight: $nested-kbd-font-weight;\r\n }\r\n }\r\n\r\n\r\n // Figures\r\n //\r\n // Apply a consistent margin strategy (matches our type styles).\r\n\r\n figure {\r\n margin: 0 0 1rem;\r\n }\r\n\r\n\r\n // Images and content\r\n\r\n img,\r\n svg {\r\n vertical-align: middle;\r\n }\r\n\r\n\r\n // Tables\r\n //\r\n // Prevent double borders\r\n\r\n table {\r\n caption-side: bottom;\r\n border-collapse: collapse;\r\n }\r\n\r\n caption {\r\n padding-top: $table-cell-padding-y;\r\n padding-bottom: $table-cell-padding-y;\r\n color: $table-caption-color;\r\n text-align: left;\r\n }\r\n\r\n // 1. Removes font-weight bold by inheriting\r\n // 2. Matches default `