// 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;
}

}