You are here

Home » API reference » Drupal 9

dropbutton.css in Drupal 9

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

General styles for dropbuttons.

File

core/profiles/demo_umami/themes/umami/css/classy/components/dropbutton.css
View source 
  1. /**

  2.  * @file

  3.  * General styles for dropbuttons.

  4.  */

  5. 

  6. .js .dropbutton-widget {

  7.   border: 1px solid #ccc;

  8.   background-color: white;

  9. }

  10. .js .dropbutton-widget:hover {

  11.   border-color: #b8b8b8;

  12. }

  13. .dropbutton .dropbutton-action > * {

  14.   padding: 0.1em 0.5em;

  15.   white-space: nowrap;

  16. }

  17. .dropbutton .secondary-action {

  18.   border-top: 1px solid #e8e8e8;

  19. }

  20. .dropbutton-multiple .dropbutton {

  21.   border-right: 1px solid #e8e8e8; /* LTR */

  22. }

  23. [dir="rtl"] .dropbutton-multiple .dropbutton {

  24.   border-right: 0 none;

  25.   border-left: 1px solid #e8e8e8;

  26. }

  27. .dropbutton-multiple .dropbutton .dropbutton-action > * {

  28.   margin-right: 0.25em; /* LTR */

  29. }

  30. [dir="rtl"] .dropbutton-multiple .dropbutton .dropbutton-action > * {

  31.   margin-right: 0;

  32.   margin-left: 0.25em;

  33. }