8
0

highlight.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536
  1. /*
  2. * Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. :root {
  6. --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
  7. --ck-highlight-marker-green: hsl(120, 93%, 68%);
  8. --ck-highlight-marker-pink: hsl(345, 96%, 73%);
  9. --ck-highlight-marker-blue: hsl(201, 97%, 72%);
  10. --ck-highlight-pen-red: hsl(0, 85%, 49%);
  11. --ck-highlight-pen-green: hsl(112, 100%, 27%);
  12. }
  13. @define-mixin highlight-marker-color $color {
  14. .ck-content .marker-$color {
  15. background-color: var(--ck-highlight-marker-$color);
  16. }
  17. }
  18. @define-mixin highlight-pen-color $color {
  19. .ck-content .pen-$color {
  20. color: var(--ck-highlight-pen-$color);
  21. /* Override default yellow background of `<mark>` from user agent stylesheet */
  22. background-color: transparent;
  23. }
  24. }
  25. @mixin highlight-marker-color yellow;
  26. @mixin highlight-marker-color green;
  27. @mixin highlight-marker-color pink;
  28. @mixin highlight-marker-color blue;
  29. @mixin highlight-pen-color red;
  30. @mixin highlight-pen-color green;