details.css

Same filename in this branch
  1. 8.9.x core/themes/seven/css/components/details.css
  2. 8.9.x core/themes/claro/css/components/details.css
  3. 8.9.x core/themes/bartik/css/classy/components/details.css
  4. 8.9.x core/themes/classy/css/components/details.css
Same filename in other branches
  1. 9 core/profiles/demo_umami/themes/umami/css/classy/components/details.css
  2. 9 core/themes/olivero/css/components/details.css
  3. 9 core/themes/seven/css/components/details.css
  4. 9 core/themes/claro/css/components/details.css
  5. 9 core/themes/bartik/css/classy/components/details.css
  6. 9 core/themes/starterkit_theme/css/components/details.css
  7. 9 core/themes/classy/css/components/details.css
  8. 10 core/profiles/demo_umami/themes/umami/css/classy/components/details.css
  9. 10 core/misc/dialog/off-canvas/css/details.css
  10. 10 core/themes/olivero/css/components/details.css
  11. 10 core/themes/claro/css/components/details.css
  12. 10 core/themes/starterkit_theme/css/components/details.css
  13. 11.x core/profiles/demo_umami/themes/umami/css/classy/components/details.css
  14. 11.x core/misc/dialog/off-canvas/css/details.css
  15. 11.x core/themes/olivero/css/components/details.css
  16. 11.x core/themes/claro/css/components/details.css
  17. 11.x core/themes/starterkit_theme/css/components/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. /* @todo Regression: The summary of uncollapsible details are no longer

  18.      vertically aligned with the .details-wrapper in browsers without native

  19.      details support. */

  20. summary {

  21.   padding: 0.2em 0.5em;

  22.   cursor: pointer;

  23. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.