8
0

fakepanel.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. /*
  2. * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. @import "../../../mixins/_shadow.css";
  6. :root {
  7. --ck-balloon-fake-panel-offset: 8px;
  8. }
  9. /* Let's use `ck-balloon-panel` appearance. See: balloonpanel.css. */
  10. .ck .ck-fake-panel div {
  11. @mixin ck-drop-shadow;
  12. min-height: 15px;
  13. background: var(--ck-color-panel-background);
  14. border: 1px solid var(--ck-color-panel-border);
  15. border-radius: var(--ck-border-radius);
  16. width: 100%;
  17. height: 100%;
  18. }
  19. .ck .ck-fake-panel div:nth-child( 1 ) {
  20. margin-left: var(--ck-balloon-fake-panel-offset);
  21. /* Because of parent shadow, we need to move panel by fixed value. */
  22. margin-top: calc( var(--ck-balloon-fake-panel-offset) + 1px );
  23. }
  24. .ck .ck-fake-panel div:nth-child( 2 ) {
  25. margin-left: calc(var(--ck-balloon-fake-panel-offset) * 2);
  26. margin-top: calc(var(--ck-balloon-fake-panel-offset) * 2);
  27. }
  28. .ck .ck-fake-panel div:nth-child( 3 ) {
  29. margin-left: calc(var(--ck-balloon-fake-panel-offset) * 3);
  30. margin-top: calc(var(--ck-balloon-fake-panel-offset) * 3);
  31. }