details.css

Same filename in this branch
  1. 11.1.x core/themes/olivero/css/components/details.css
  2. 11.1.x core/themes/starterkit_theme/css/components/details.css
  3. 11.1.x core/themes/claro/css/components/details.css
  4. 11.1.x core/misc/dialog/off-canvas/css/details.css

Collapsible details.

See also

collapse.js

http://nicolasgallagher.com/css-background-image-hacks/

File

core/profiles/demo_umami/themes/umami/css/classy/components/details.css

View source 
  1. /**

  2.  * @file

  3.  * Collapsible details.

  4.  *

  5.  * @see collapse.js

  6.  * @see http://nicolasgallagher.com/css-background-image-hacks/

  7.  */

  8. 

  9. details {

  10.   margin-top: 1em;

  11.   margin-bottom: 1em;

  12.   border: 1px solid #ccc;

  13. }

  14. details > .details-wrapper {

  15.   padding: 0.5em 1.5em;

  16. }

  17. summary {

  18.   padding: 0.2em 0.5em;

  19.   cursor: pointer;

  20. }