imageuploadprogress.css 760 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. /*
  2. * Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. /* Infinite progress bar default width. */
  6. :root {
  7. --ck-image-upload-progress-line-width: 30px;
  8. }
  9. .ck-content .image {
  10. /* Showing animation. */
  11. &.ck-appear {
  12. animation: fadeIn 700ms;
  13. }
  14. /* Upload progress bar. */
  15. & .ck-progress-bar {
  16. height: 2px;
  17. width: 0;
  18. background: var(--ck-color-upload-bar-background);
  19. transition: width 100ms;
  20. }
  21. }
  22. @keyframes fadeIn {
  23. from { opacity: 0; }
  24. to { opacity: 1; }
  25. }
  26. @keyframes readingProgressAnimation {
  27. 0% {
  28. width: var(--ck-image-upload-progress-line-width);
  29. right: 0;
  30. }
  31. 50% {
  32. width: calc(var(--ck-image-upload-progress-line-width) * 1.5);
  33. }
  34. 100% {
  35. right: 100%;
  36. }
  37. }