ckeditor-editor.css

Same filename in other branches
  1. 8.9.x core/themes/claro/css/theme/ckeditor-editor.css

CKEditor appearance overrides.

File

core/themes/claro/css/theme/ckeditor-editor.css

View source
  1. /*
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/3084859
  5. * @preserve
  6. */
  7. /**
  8. * @file
  9. * CKEditor appearance overrides.
  10. */
  11. :root { /* 1px */
  12. /* Inner border size must be based on chrome border size. */
  13. /* 1px */
  14. /* Inner border radius must be based on chrome border radius and size. */
  15. }
  16. .cke.cke_chrome {
  17. border-width: 1px;
  18. border-radius: 2px;
  19. }
  20. .cke .cke_inner {
  21. border-radius: 1px;
  22. }
  23. .cke_path_empty:only-child::after {
  24. position: absolute;
  25. top: 0;
  26. right: 0;
  27. bottom: 0;
  28. left: 0;
  29. content: "";
  30. background: #fff;
  31. }
  32. .cke .cke_top {
  33. border: 1px solid transparent;
  34. border-bottom: 0;
  35. border-radius: 1px 1px 0 0;
  36. }
  37. .cke .cke_contents {
  38. border: 1px solid transparent;
  39. border-top: 0;
  40. border-bottom: 0;
  41. }
  42. .cke .cke_bottom {
  43. border: 1px solid transparent;
  44. border-top: 0;
  45. border-radius: 0 0 1px 1px;
  46. }
  47. /* Default */
  48. .cke.cke_chrome {
  49. border-color: #919297;
  50. }
  51. /* Hover. */
  52. .cke.cke_chrome:hover,
  53. .cke:hover .cke_contents,
  54. .cke:hover .cke_top,
  55. .cke:hover .cke_bottom {
  56. border-color: #232429;
  57. }
  58. /* Focus. */
  59. .cke.cke_chrome.cke_focus {
  60. outline: 2px dotted transparent;
  61. box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769;
  62. }
  63. /* Error. */
  64. .error + .cke.cke_chrome,
  65. .error + .cke .cke_contents,
  66. .error + .cke .cke_top,
  67. .error + .cke .cke_bottom {
  68. border-color: #dc2323;
  69. }
  70. /* Disabled. */
  71. [disabled] + .cke.cke_chrome {
  72. border-color: #bababf;
  73. }
  74. [disabled] + .cke .cke_contents,
  75. [disabled] + .cke .cke_top,
  76. [disabled] + .cke .cke_bottom {
  77. border-color: transparent;
  78. }
  79. [disabled] + .cke .cke_contents {
  80. border-color: #f2f2f3;
  81. background: hsl(240, 4%, 90%); /* Calculated from disabled input bg and iframe opacity. */
  82. }
  83. [disabled] + .cke iframe,
  84. [disabled] + .cke .cke_source {
  85. opacity: 0.505;
  86. }
  87. [disabled] + .cke .cke_bottom {
  88. background: #f2f2f3;
  89. }
  90. [disabled] + .cke .cke_bottom > * {
  91. /* Don't show element path dor disabled editor. */
  92. opacity: 0;
  93. }
  94. [disabled] + .cke .cke_path_empty::after {
  95. content: none;
  96. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.