`s get reset. However, we also reset the // bottom margin to use `rem` units instead of `em`. p { margin-top: 0; margin-bottom: $paragraph-margin-bottom; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: $dt-font-weight; } dd { margin-bottom: .5rem; margin-left: 0; // Undo browser default } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; // Add the correct font style in Android 4.3- } // stylelint-disable font-weight-notation b, strong { font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari } // stylelint-enable font-weight-notation small { font-size: 80%; // Add the correct font size in all browsers } // // Prevent `sub` and `sup` elements from affecting the line height in // all browsers. // sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } // // Links // a { color: $link-color; text-decoration: $link-decoration; background-color: transparent; // Remove the gray background on active links in IE 10. -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+. @include hover { color: $link-hover-color; text-decoration: $link-hover-decoration; } } // And undo these styles for placeholder links/named anchors (without href) // which have not been made explicitly keyboard-focusable (without tabindex). // It would be more straightforward to just use a[href] in previous block, but that // causes specificity issues in many other styles that are too complex to fix. // See https://github.com/twbs/bootstrap/issues/19402 a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; @include hover-focus { color: inherit; text-decoration: none; } &:focus { outline: 0; } } // // Code // pre, code, kbd, samp { font-family: $font-family-monospace; font-size: 1em; // Correct the odd `em` font sizing in all browsers. } pre { // Remove browser default top margin margin-top: 0; // Reset browser default of `1em` to use `rem`s margin-bottom: 1rem; // Don't allow content to break outside overflow: auto; // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so // we force a non-overlapping, non-auto-hiding scrollbar to counteract. -ms-overflow-style: scrollbar; } // // Figures // figure { // Apply a consistent margin strategy (matches our type styles). margin: 0 0 1rem; } // // Images and content // img { vertical-align: middle; border-style: none; // Remove the border on images inside links in IE 10-. } svg { // Workaround for the SVG overflow bug in IE10/11 is still required. // See https://github.com/twbs/bootstrap/issues/26878 overflow: hidden; vertical-align: middle; } // // Tables // table { border-collapse: collapse; // Prevent double borders } caption { padding-top: $table-cell-padding; padding-bottom: $table-cell-padding; color: $table-caption-color; text-align: left; caption-side: bottom; } th { // Matches default `