220b99273c497d199c04955f79e1b2ef8cc8cf42af3223ae5feb7b75f18e28e282c07d3bcb88c11327fad622ff29e426be998611b3553c16906ca5ba7852da 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. /*---------------------------------------------------------------------------------------------
  2. * Copyright (c) Microsoft Corporation. All rights reserved.
  3. * Licensed under the MIT License. See License.txt in the project root for license information.
  4. *--------------------------------------------------------------------------------------------*/
  5. .monaco-editor .cursors-layer {
  6. position: absolute;
  7. top: 0;
  8. }
  9. .monaco-editor .cursors-layer > .cursor {
  10. position: absolute;
  11. overflow: hidden;
  12. }
  13. /* -- smooth-caret-animation -- */
  14. .monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor {
  15. transition: all 80ms;
  16. }
  17. /* -- block-outline-style -- */
  18. .monaco-editor .cursors-layer.cursor-block-outline-style > .cursor {
  19. box-sizing: border-box;
  20. background: transparent !important;
  21. border-style: solid;
  22. border-width: 1px;
  23. }
  24. /* -- underline-style -- */
  25. .monaco-editor .cursors-layer.cursor-underline-style > .cursor {
  26. border-bottom-width: 2px;
  27. border-bottom-style: solid;
  28. background: transparent !important;
  29. box-sizing: border-box;
  30. }
  31. /* -- underline-thin-style -- */
  32. .monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor {
  33. border-bottom-width: 1px;
  34. border-bottom-style: solid;
  35. background: transparent !important;
  36. box-sizing: border-box;
  37. }
  38. @keyframes monaco-cursor-smooth {
  39. 0%,
  40. 20% {
  41. opacity: 1;
  42. }
  43. 60%,
  44. 100% {
  45. opacity: 0;
  46. }
  47. }
  48. @keyframes monaco-cursor-phase {
  49. 0%,
  50. 20% {
  51. opacity: 1;
  52. }
  53. 90%,
  54. 100% {
  55. opacity: 0;
  56. }
  57. }
  58. @keyframes monaco-cursor-expand {
  59. 0%,
  60. 20% {
  61. transform: scaleY(1);
  62. }
  63. 80%,
  64. 100% {
  65. transform: scaleY(0);
  66. }
  67. }
  68. .cursor-smooth {
  69. animation: monaco-cursor-smooth 0.5s ease-in-out 0s 20 alternate;
  70. }
  71. .cursor-phase {
  72. animation: monaco-cursor-phase 0.5s ease-in-out 0s 20 alternate;
  73. }
  74. .cursor-expand > .cursor {
  75. animation: monaco-cursor-expand 0.5s ease-in-out 0s 20 alternate;
  76. }