code-editor.css 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. .wrap [class*="CodeMirror-lint-marker"],
  2. .wp-core-ui [class*="CodeMirror-lint-message"],
  3. .wrap .CodeMirror-lint-marker-multiple {
  4. background-image: none;
  5. }
  6. .wp-core-ui .CodeMirror-lint-marker-error,
  7. .wp-core-ui .CodeMirror-lint-marker-warning {
  8. cursor: help;
  9. }
  10. .wrap .CodeMirror-lint-marker-multiple {
  11. position: absolute;
  12. top: 0;
  13. }
  14. .wrap [class*="CodeMirror-lint-marker"]:before {
  15. font: normal 18px/1 dashicons;
  16. position: relative;
  17. top: -2px;
  18. }
  19. .wp-core-ui [class*="CodeMirror-lint-message"]:before {
  20. font: normal 16px/1 dashicons;
  21. left: 16px;
  22. position: absolute;
  23. }
  24. .wp-core-ui .CodeMirror-lint-message-error,
  25. .wp-core-ui .CodeMirror-lint-message-warning {
  26. box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  27. margin: 5px 0 2px;
  28. padding: 3px 12px 3px 28px;
  29. }
  30. .wp-core-ui .CodeMirror-lint-message-warning {
  31. background-color: #fcf9e8;
  32. border-left: 4px solid #dba617;
  33. }
  34. .wrap .CodeMirror-lint-marker-warning:before,
  35. .wp-core-ui .CodeMirror-lint-message-warning:before {
  36. content: "\f534";
  37. color: #dba617;
  38. }
  39. .wp-core-ui .CodeMirror-lint-message-error {
  40. background-color: #fcf0f1;
  41. border-left: 4px solid #d63638;
  42. }
  43. .wrap .CodeMirror-lint-marker-error:before,
  44. .wp-core-ui .CodeMirror-lint-message-error:before {
  45. content: "\f153";
  46. color: #d63638;
  47. }
  48. .wp-core-ui .CodeMirror-lint-tooltip {
  49. background: none;
  50. border: none;
  51. border-radius: 0;
  52. direction: ltr;
  53. }
  54. .wrap .CodeMirror .CodeMirror-matchingbracket {
  55. background: rgba(219, 166, 23, 0.3);
  56. color: inherit;
  57. }
  58. .CodeMirror {
  59. text-align: left;
  60. }
  61. .wrap .CodeMirror .CodeMirror-linenumber {
  62. color: #646970;
  63. }