buttons.css 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  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.jp-mod-styled.jp-mod-accept {
  16. background: var(--jp-brand-color1);
  17. color: white;
  18. border: 1px solid var(--jp-brand-color1);
  19. }
  20. button.jp-mod-styled.jp-mod-reject {
  21. background: var(--md-grey-500);
  22. border: 1px solid var(--md-grey-500);
  23. color: white;
  24. }
  25. button.jp-mod-styled.jp-mod-warn {
  26. background: var(--jp-error-color1);
  27. color: white;
  28. border: 1px solid var(--jp-error-color1);
  29. }
  30. .jp-Button-flat {
  31. text-decoration: none;
  32. padding: var(--jp-flat-button-padding);
  33. color: var(--jp-warn-color1);
  34. font-weight: 500;
  35. background-color: transparent;
  36. height: var(--jp-private-running-shutdown-button-height);
  37. line-height: var(--jp-private-running-shutdown-button-height);
  38. transition: background-color 0.1s ease;
  39. border-radius: 2px;
  40. }
  41. .jp-Button-flat:hover {
  42. background-color: rgba(153,153,153,.1);
  43. }
  44. .jp-Button-flat:focus {
  45. border: none;
  46. box-shadow: none;
  47. background-color: rgba(153,153,153,.2);
  48. }