/* * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md. */ @import "../../../mixins/_rounded.css"; @import "../../../mixins/_shadow.css"; :root { --ck-balloon-fake-panel-offset: 8px; } /* Let's use `ck-balloon-panel` appearance. See: balloonpanel.css. */ .ck .ck-fake-panels div { @mixin ck-rounded-corners; @mixin ck-drop-shadow; min-height: 15px; background: var(--ck-color-panel-background); border: 1px solid var(--ck-color-panel-border); width: 100%; height: 100%; } .ck .ck-fake-panels div:nth-child( 1 ) { margin-left: var(--ck-balloon-fake-panel-offset); margin-top: var(--ck-balloon-fake-panel-offset); } .ck .ck-fake-panels div:nth-child( 2 ) { margin-left: calc(var(--ck-balloon-fake-panel-offset) * 2); margin-top: calc(var(--ck-balloon-fake-panel-offset) * 2); } .ck .ck-fake-panels div:nth-child( 3 ) { margin-left: calc(var(--ck-balloon-fake-panel-offset) * 2); margin-top: calc(var(--ck-balloon-fake-panel-offset) * 3); }