buttons.css 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  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 {
  13. border-radius: var(--jp-border-radius);
  14. }
  15. button:focus-visible {
  16. border: 1px solid var(--md-blue-900);
  17. }
  18. button.jp-mod-styled.jp-mod-accept {
  19. background: var(--md-blue-700);
  20. border: 0;
  21. color: white;
  22. }
  23. button.jp-mod-styled.jp-mod-accept:hover {
  24. background: var(--md-blue-800);
  25. }
  26. button.jp-mod-styled.jp-mod-accept:active {
  27. background: var(--md-blue-900);
  28. }
  29. button.jp-mod-styled.jp-mod-accept:focus-visible {
  30. border: 1px solid var(--md-blue-900);
  31. }
  32. button.jp-mod-styled.jp-mod-reject {
  33. background: var(--md-grey-600);
  34. border: 0;
  35. color: white;
  36. }
  37. button.jp-mod-styled.jp-mod-reject:hover {
  38. background: var(--md-grey-700);
  39. }
  40. button.jp-mod-styled.jp-mod-reject:active {
  41. background: var(--md-grey-800);
  42. }
  43. button.jp-mod-styled.jp-mod-reject:focus-visible {
  44. border: 1px solid var(--md-grey-800);
  45. }
  46. button.jp-mod-styled.jp-mod-warn {
  47. background: var(--md-red-700);
  48. border: 0;
  49. color: white;
  50. }
  51. button.jp-mod-styled.jp-mod-warn:hover {
  52. background: var(--md-red-800);
  53. }
  54. button.jp-mod-styled.jp-mod-warn:active {
  55. background: var(--md-red-900);
  56. }
  57. button.jp-mod-styled.jp-mod-warn:focus-visible {
  58. border: 1px solid var(--md-red-900);
  59. }
  60. .jp-Button-flat {
  61. text-decoration: none;
  62. padding: var(--jp-flat-button-padding);
  63. color: var(--md-grey-600);
  64. font-weight: 500;
  65. background-color: transparent;
  66. height: var(--jp-private-running-shutdown-button-height);
  67. line-height: var(--jp-private-running-shutdown-button-height);
  68. transition: background-color 0.1s ease;
  69. border-radius: 2px;
  70. }
  71. .jp-Button-flat:hover {
  72. background-color: var(--md-grey-700);
  73. }
  74. .jp-Button-flat:focus {
  75. border: none;
  76. box-shadow: none;
  77. background-color: var(--md-grey-800);
  78. }