// scss-lint:disable QualifyingElement, DuplicateProperty, VendorPrefix // Reboot // // Normalization of HTML elements, manually forked from Normalize.css to remove // styles targeting irrelevant browsers while applying new styles. // // Normalize is licensed MIT. https://github.com/necolas/normalize.css // Document // // 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`. // 2. Change the default font family in all browsers. // 3. Correct the line height in all browsers. // 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. // 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so // we force a non-overlapping, non-auto-hiding scrollbar to counteract. // 6. Change the default tap highlight to be completely transparent in iOS. html { -webkit-tap-highlight-color: rgba(0,0,0,0); // 6 } // Body // // 1. Remove the margin in all browsers. // 2. As a best practice, apply a default `background-color`. body { color: $body-color; background-color: $body-bg; // 2 } // // Links // a { color: $link-color; background-color: transparent; // Remove the gray background on active links in IE 10. @include hover { color: $link-hover-color; } } // 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; @include hover-focus { color: inherit; } } // Avoid 300ms click delay on touch devices that support the `touch-action` CSS property. // // In particular, unlike most other browsers, IE11+Edge on Windows 10 on touch devices and IE Mobile 10-11 // DON'T remove the click delay when `` is present. // However, they DO support removing the click delay via `touch-action: manipulation`. // See: // * https://v4-alpha.getbootstrap.com/content/reboot/#click-delay-optimization-for-touch // * http://caniuse.com/#feat=css-touch-action // * https://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay caption { color: $text-muted; } // Work around a Firefox/IE bug where the transparent `button` background // results in a loss of the default `button` focus styles. // // Credit: https://github.com/suitcss/base/ button:focus { outline: 5px auto -webkit-focus-ring-color; } // 1. Correct the text wrapping in Edge and IE. // 2. Correct the color inheritance from `fieldset` elements in IE. legend { color: inherit; // 2 }