You are here

Home » API reference » Drupal 10

details.css in Drupal 10

Same filename in this branch
  1. 10 core/themes/starterkit_theme/css/components/details.css
  2. 10 core/themes/classy/css/components/details.css
  3. 10 core/themes/claro/css/components/details.css
  4. 10 core/themes/seven/css/components/details.css
  5. 10 core/themes/olivero/css/components/details.css
  6. 10 core/themes/bartik/css/classy/components/details.css
  7. 10 core/profiles/demo_umami/themes/umami/css/classy/components/details.css
Same filename and directory in other branches
  1. 8 core/themes/classy/css/components/details.css
  2. 9 core/themes/classy/css/components/details.css

Collapsible details.

See also

collapse.js

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

File

core/themes/classy/css/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. }