buttons.css

Same filename in this branch
  1. 9 core/profiles/demo_umami/themes/umami/css/components/forms/buttons.css
  2. 9 core/themes/seven/css/components/buttons.css
Same filename in other branches
  1. 8.9.x core/profiles/demo_umami/themes/umami/css/components/forms/buttons.css
  2. 8.9.x core/themes/seven/css/components/buttons.css
  3. 8.9.x core/themes/bartik/css/components/buttons.css
  4. 10 core/profiles/demo_umami/themes/umami/css/components/forms/buttons.css
  5. 11.x core/profiles/demo_umami/themes/umami/css/components/forms/buttons.css

Styles for Bartik's buttons.

File

core/themes/bartik/css/components/buttons.css

View source
  1. /**
  2. * @file
  3. * Styles for Bartik's buttons.
  4. */
  5. .button {
  6. display: inline-block;
  7. padding: 0.25em 1.063em;
  8. cursor: pointer;
  9. text-align: center;
  10. color: #3a3a3a;
  11. border: 1px solid #e4e4e4;
  12. border-right-color: #d2d2d2;
  13. border-bottom-color: #b4b4b4;
  14. border-left-color: #d2d2d2;
  15. border-radius: 1em;
  16. background-color: #fff;
  17. background-image: -webkit-linear-gradient(top, #f3f3f3, #e8e8e8);
  18. background-image: linear-gradient(to bottom, #f3f3f3, #e8e8e8);
  19. font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  20. font-size: 0.929em;
  21. font-weight: normal;
  22. line-height: normal;
  23. }
  24. .button:hover,
  25. .button:active,
  26. .button:focus {
  27. text-decoration: none;
  28. color: #5a5a5a;
  29. background: #dedede;
  30. }
  31. .button.is-disabled:hover,
  32. .button.is-disabled:active,
  33. .button.is-disabled:focus,
  34. .button.is-disabled {
  35. cursor: default;
  36. color: #717171;
  37. border-color: #bbb;
  38. background: #ededed;
  39. }

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