buttons.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. /*-----------------------------------------------------------------------------
  2. | Variables
  3. |----------------------------------------------------------------------------*/
  4. :root {
  5. --jp-flat-button-height: 24px;
  6. --jp-flat-button-padding: 8px 12px;
  7. }
  8. /*-----------------------------------------------------------------------------
  9. | Copyright (c) Jupyter Development Team.
  10. | Distributed under the terms of the Modified BSD License.
  11. |----------------------------------------------------------------------------*/
  12. button.jp-mod-styled.jp-mod-accept {
  13. background: var(--jp-brand-color1);
  14. color: white;
  15. border: 1px solid var(--jp-brand-color1);
  16. }
  17. button.jp-mod-styled.jp-mod-reject {
  18. background: var(--md-grey-500);
  19. margin-right: 12px;
  20. border: 1px solid var(--md-grey-500);
  21. color: white;
  22. }
  23. button.jp-mod-styled.jp-mod-warn {
  24. background: var(--jp-error-color1);
  25. color: white;
  26. border: 1px solid var(--jp-error-color1);
  27. }
  28. .jp-Button-flat {
  29. text-decoration: none;
  30. padding: var(--jp-flat-button-padding);
  31. color: var(--jp-warn-color1);
  32. font-weight: 500;
  33. background-color: transparent;
  34. height: var(--jp-private-running-shutdown-button-height);
  35. line-height: var(--jp-private-running-shutdown-button-height);
  36. transition: background-color 0.1s ease;
  37. border-radius: 2px;
  38. }
  39. .jp-Button-flat:hover {
  40. background-color: rgba(153,153,153,.1);
  41. }
  42. .jp-Button-flat:focus {
  43. border: none;
  44. box-shadow: none;
  45. background-color: rgba(153,153,153,.2);
  46. }