8
0

restrictedediting.css 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  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-color-restricted-editing-exception-background: hsla(31, 100%, 65%, .2);
  7. --ck-color-restricted-editing-exception-brackets: hsla(31, 100%, 40%, .4);
  8. --ck-color-restricted-editing-selected-exception-background: hsla(31, 100%, 65%, .5);
  9. --ck-color-restricted-editing-selected-exception-brackets: hsla(31, 100%, 40%, .6);
  10. }
  11. .ck-editor__editable .restricted-editing-exception {
  12. transition: .2s ease-in-out background;
  13. background-color: var(--ck-color-restricted-editing-exception-background);
  14. border: 1px solid;
  15. border-image: linear-gradient(
  16. to right,
  17. var(--ck-color-restricted-editing-exception-brackets) 0%,
  18. var(--ck-color-restricted-editing-exception-brackets) 5px,
  19. hsla(0, 0%, 0%, 0) 6px,
  20. hsla(0, 0%, 0%, 0) calc(100% - 6px),
  21. var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px),
  22. var(--ck-color-restricted-editing-exception-brackets) 100%
  23. ) 1;
  24. &.restricted-editing-exception_selected {
  25. background-color: var(--ck-color-restricted-editing-selected-exception-background);
  26. border-image: linear-gradient(
  27. to right,
  28. var(--ck-color-restricted-editing-selected-exception-brackets) 0%,
  29. var(--ck-color-restricted-editing-selected-exception-brackets) 5px,
  30. var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px),
  31. var(--ck-color-restricted-editing-selected-exception-brackets) 100%
  32. ) 1;
  33. }
  34. &.restricted-editing-exception_collapsed {
  35. padding-left: 1em;
  36. }
  37. }