dropbutton.css

Same filename in this branch
  1. 8.9.x core/profiles/demo_umami/themes/umami/css/classy/components/dropbutton.css
  2. 8.9.x core/misc/dropbutton/dropbutton.css
  3. 8.9.x core/themes/claro/css/components/dropbutton.css
  4. 8.9.x core/themes/bartik/css/classy/components/dropbutton.css
  5. 8.9.x core/themes/stable/css/core/dropbutton/dropbutton.css
  6. 8.9.x core/themes/classy/css/components/dropbutton.css
Same filename in other branches
  1. 9 core/profiles/demo_umami/themes/umami/css/classy/components/dropbutton.css
  2. 9 core/misc/dropbutton/dropbutton.css
  3. 9 core/themes/olivero/css/components/dropbutton.css
  4. 9 core/themes/stable9/css/core/dropbutton/dropbutton.css
  5. 9 core/themes/seven/css/classy/components/dropbutton.css
  6. 9 core/themes/claro/css/components/dropbutton.css
  7. 9 core/themes/bartik/css/classy/components/dropbutton.css
  8. 9 core/themes/stable/css/core/dropbutton/dropbutton.css
  9. 9 core/themes/starterkit_theme/css/components/dropbutton.css
  10. 9 core/themes/classy/css/components/dropbutton.css
  11. 10 core/profiles/demo_umami/themes/umami/css/classy/components/dropbutton.css
  12. 10 core/misc/dialog/off-canvas/css/dropbutton.css
  13. 10 core/misc/dropbutton/dropbutton.css
  14. 10 core/themes/olivero/css/components/dropbutton.css
  15. 10 core/themes/stable9/css/core/dropbutton/dropbutton.css
  16. 10 core/themes/claro/css/components/dropbutton.css
  17. 10 core/themes/starterkit_theme/css/components/dropbutton.css
  18. 11.x core/profiles/demo_umami/themes/umami/css/classy/components/dropbutton.css
  19. 11.x core/misc/dialog/off-canvas/css/dropbutton.css
  20. 11.x core/misc/dropbutton/dropbutton.css
  21. 11.x core/themes/olivero/css/components/dropbutton.css
  22. 11.x core/themes/stable9/css/core/dropbutton/dropbutton.css
  23. 11.x core/themes/claro/css/components/dropbutton.css
  24. 11.x core/themes/starterkit_theme/css/components/dropbutton.css

General styles for dropbuttons.

File

core/themes/seven/css/classy/components/dropbutton.css

View source
  1. /**
  2. * @file
  3. * General styles for dropbuttons.
  4. */
  5. .js .dropbutton-widget {
  6. border: 1px solid #ccc;
  7. background-color: white;
  8. }
  9. .js .dropbutton-widget:hover {
  10. border-color: #b8b8b8;
  11. }
  12. .dropbutton .dropbutton-action > * {
  13. padding: 0.1em 0.5em;
  14. white-space: nowrap;
  15. }
  16. .dropbutton .secondary-action {
  17. border-top: 1px solid #e8e8e8;
  18. }
  19. .dropbutton-multiple .dropbutton {
  20. border-right: 1px solid #e8e8e8; /* LTR */
  21. }
  22. [dir="rtl"] .dropbutton-multiple .dropbutton {
  23. border-right: 0 none;
  24. border-left: 1px solid #e8e8e8;
  25. }
  26. .dropbutton-multiple .dropbutton .dropbutton-action > * {
  27. margin-right: 0.25em; /* LTR */
  28. }
  29. [dir="rtl"] .dropbutton-multiple .dropbutton .dropbutton-action > * {
  30. margin-right: 0;
  31. margin-left: 0.25em;
  32. }

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