// Show the arrow on summary elements in Firefox - _details.scss // The current Firefox implementation uses display: list-item to show the arrow marker. // We want to use display: inline-block to shrink-wrap the focus outline around the text. // This will turn off inline-block for Firefox that’s not using the polyfill only. // @-moz-document is going away: bugzilla.mozilla.org/show_bug.cgi?id=1035091 . // Hopefully they’ll fix <summary> first but if not it’ll fall back to no arrow: // bugzilla.mozilla.org/show_bug.cgi?id=1270163 // If Mozilla add display: revert and remove list-item from summary then this will fall through. @-moz-document regexp('.*') {
details summary:not([tabindex]) { // Allow duplicate properties, override the summary display property // scss-lint:disable DuplicateProperty display: list-item; display: revert; }
}