CSS
Menu

Details

Details classes are created to enhance the native behaviors of <details>.

Table of Contents

Fullscreen click area

Use .details-overlay to expand the click area of <summary> to cover the full screen, so user can click anywhere on a page to close <details>.

Darkened fullscreen click area

Use .details-overlay-dark darken the click area overlay. Useful for modals.

Edit this page on GitHub