fakepanel.css 1021 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. /*
  2. * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. @import "../../../mixins/_rounded.css";
  6. @import "../../../mixins/_shadow.css";
  7. :root {
  8. --ck-balloon-fake-panel-offset: 8px;
  9. }
  10. /* Let's use `ck-balloon-panel` appearance. See: balloonpanel.css. */
  11. .ck .ck-fake-panels div {
  12. @mixin ck-rounded-corners;
  13. @mixin ck-drop-shadow;
  14. min-height: 15px;
  15. background: var(--ck-color-panel-background);
  16. border: 1px solid var(--ck-color-panel-border);
  17. width: 100%;
  18. height: 100%;
  19. }
  20. .ck .ck-fake-panels div:nth-child( 1 ) {
  21. margin-left: var(--ck-balloon-fake-panel-offset);
  22. margin-top: var(--ck-balloon-fake-panel-offset);
  23. }
  24. .ck .ck-fake-panels 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-panels div:nth-child( 3 ) {
  29. margin-left: calc(var(--ck-balloon-fake-panel-offset) * 2);
  30. margin-top: calc(var(--ck-balloon-fake-panel-offset) * 3);
  31. }