base.css 697 B

12345678910111213141516171819202122232425262728293031323334353637
  1. :root [data-jp-theme-light='true'] {
  2. --jp-icon-output-console: url('./list-icon-light.svg');
  3. }
  4. :root [data-jp-theme-light='false'] {
  5. --jp-icon-output-console: url('./list-icon-dark.svg');
  6. }
  7. .jp-LogConsoleIcon {
  8. background-image: var(--jp-icon-output-console);
  9. }
  10. @keyframes flash {
  11. 0% {
  12. background-color: var(--jp-brand-color1);
  13. }
  14. 50% {
  15. color: unset;
  16. background-color: unset;
  17. }
  18. 100% {
  19. background-color: var(--jp-brand-color1);
  20. }
  21. }
  22. .jp-LogConsoleStatusItem.hilite {
  23. animation: flash 300ms both;
  24. }
  25. .jp-LogConsoleStatusItem.hilited {
  26. background-color: var(--jp-brand-color1);
  27. }
  28. .jp-LogConsole .clear-icon {
  29. transform: rotate(90deg);
  30. margin-top: -1px;
  31. }