8
0

restrictedediting.css 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. /*
  2. * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. /*
  6. * !! IMPORTANT & TODO !!
  7. *
  8. * This file contains all kinds of style and some of them should land in theme-lark before going to prod.
  9. * For now, let's keep them here to avoid additional branch and PR.
  10. */
  11. :root {
  12. --ck-restricted-editing-color-exception-background: hsla(31, 100%, 65%, .2);
  13. --ck-restricted-editing-color-exception-brackets: hsla(31, 100%, 40%, .4);
  14. --ck-restricted-editing-color-selected-exception-background: hsla(31, 100%, 65%, .5);
  15. --ck-restricted-editing-color-selected-exception-brackets: hsla(31, 100%, 40%, .6);
  16. }
  17. .ck-editor__editable .ck-restricted-editing-exception {
  18. transition: .2s ease-in-out background;
  19. background-color: var(--ck-restricted-editing-color-exception-background);
  20. border: 1px solid;
  21. border-image: linear-gradient(
  22. to right,
  23. var(--ck-restricted-editing-color-exception-brackets) 0%,
  24. var(--ck-restricted-editing-color-exception-brackets) 5px,
  25. hsla(0, 0%, 0%, 0) 6px,
  26. hsla(0, 0%, 0%, 0) calc(100% - 6px),
  27. var(--ck-restricted-editing-color-exception-brackets) calc(100% - 5px),
  28. var(--ck-restricted-editing-color-exception-brackets) 100%
  29. ) 1;
  30. &.ck-restricted-editing-exception_selected {
  31. background-color: var(--ck-restricted-editing-color-selected-exception-background);
  32. border-image: linear-gradient(
  33. to right,
  34. var(--ck-restricted-editing-color-selected-exception-brackets) 0%,
  35. var(--ck-restricted-editing-color-selected-exception-brackets) 5px,
  36. var(--ck-restricted-editing-color-selected-exception-brackets) calc(100% - 5px),
  37. var(--ck-restricted-editing-color-selected-exception-brackets) 100%
  38. ) 1;
  39. }
  40. }