collapse-processed.css

Same filename in this branch
  1. 8.9.x core/profiles/demo_umami/themes/umami/css/classy/components/collapse-processed.css
  2. 8.9.x core/themes/bartik/css/classy/components/collapse-processed.css
  3. 8.9.x core/themes/classy/css/components/collapse-processed.css
Same filename in other branches
  1. 9 core/profiles/demo_umami/themes/umami/css/classy/components/collapse-processed.css
  2. 9 core/themes/seven/css/classy/components/collapse-processed.css
  3. 9 core/themes/bartik/css/classy/components/collapse-processed.css
  4. 9 core/themes/starterkit_theme/css/components/collapse-processed.css
  5. 9 core/themes/classy/css/components/collapse-processed.css

Visual styles for collapsible fieldsets.

File

core/themes/seven/css/classy/components/collapse-processed.css

View source
  1. /**
  2. * @file
  3. * Visual styles for collapsible fieldsets.
  4. */
  5. .collapse-processed > summary {
  6. padding-right: 0.5em;
  7. padding-left: 0.5em;
  8. }
  9. .collapse-processed > summary:before {
  10. float: left; /* LTR */
  11. width: 1em;
  12. height: 1em;
  13. content: "";
  14. background: url(../../../../../misc/menu-expanded.png) 0 100% no-repeat; /* LTR */
  15. }
  16. [dir="rtl"] .collapse-processed > summary:before {
  17. float: right;
  18. background-position: 100% 100%;
  19. }
  20. .collapse-processed:not([open]) > summary:before {
  21. -ms-transform: rotate(-90deg);
  22. -webkit-transform: rotate(-90deg);
  23. transform: rotate(-90deg);
  24. background-position: 25% 35%; /* LTR */
  25. }
  26. [dir="rtl"] .collapse-processed:not([open]) > summary:before {
  27. -ms-transform: rotate(90deg);
  28. -webkit-transform: rotate(90deg);
  29. transform: rotate(90deg);
  30. background-position: 75% 35%;
  31. }

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