You are here

Home » API reference » Drupal 9

details.css in Drupal 9

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

Collapsible details.

See also

collapse.js

File

core/themes/seven/css/components/details.css
View source 
  1. /**

  2.  * @file

  3.  * Collapsible details.

  4.  *

  5.  * @see collapse.js

  6.  */

  7. .seven-details {

  8.   margin-top: 1em;

  9.   margin-bottom: 1em;

  10.   border: 1px solid #bfbfbf;

  11.   border-radius: 3px;

  12.   background-color: #fcfcfa;

  13. }

  14. .seven-details__summary {

  15.   cursor: pointer;

  16.   color: #0074bd;

  17.   text-shadow: 0 1px 0 white;

  18. }

  19. .seven-details__summary:hover,

  20. .seven-details__summary:focus,

  21. .seven-details[open] > .seven-details__summary {

  22.   color: #004f80;

  23. }

  24. .seven-details__wrapper {

  25.   padding: 0 1.5em 1em 1.5em;

  26. }