@ckeditor/ckeditor5-clipboard
Version:
Clipboard integration feature for CKEditor 5.
91 lines (78 loc) • 3.11 kB
CSS
/**
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
*/
:root {
--ck-clipboard-drop-target-dot-width: 12px;
--ck-clipboard-drop-target-dot-height: 8px;
--ck-clipboard-drop-target-color: var(--ck-color-focus-border);
}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
bottom: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
top: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
border: 1px solid var(--ck-clipboard-drop-target-color);
background: var(--ck-clipboard-drop-target-color);
margin-left: -1px;
position: absolute;
}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span:after {
content: "";
width: 0;
height: 0;
left: 50%;
top: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
border-color: var(--ck-clipboard-drop-target-color) transparent transparent transparent;
border-width: calc(var(--ck-clipboard-drop-target-dot-height)) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width));
border-style: solid;
display: block;
position: absolute;
transform: translateX(-50%);
}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
width: 0;
}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position {
pointer-events: none;
display: inline;
position: relative;
}
.ck.ck-editor__editable .ck-widget.ck-clipboard-drop-target-range {
outline: var(--ck-widget-outline-thickness) solid var(--ck-clipboard-drop-target-color) ;
}
.ck.ck-editor__editable .ck-widget:-webkit-drag {
zoom: .6;
outline: none ;
}
.ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__selection-handle, .ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__type-around {
display: none;
}
.ck.ck-clipboard-drop-target-line {
border: 1px solid var(--ck-clipboard-drop-target-color);
background: var(--ck-clipboard-drop-target-color);
height: 0;
z-index: var(--ck-z-default);
margin-top: -1px;
position: absolute;
}
.ck.ck-clipboard-drop-target-line:before {
content: "";
top: calc(-.5 * var(--ck-clipboard-drop-target-dot-width));
border-style: solid;
width: 0;
height: 0;
position: absolute;
}
.ck.ck-clipboard-drop-target-line {
pointer-events: none;
}
[dir="ltr"] .ck.ck-clipboard-drop-target-line:before {
border-width: calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height);
border-color: transparent transparent transparent var(--ck-clipboard-drop-target-color);
left: -1px;
}
[dir="rtl"] .ck.ck-clipboard-drop-target-line:before {
border-width: calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0;
border-color: transparent var(--ck-clipboard-drop-target-color) transparent transparent;
right: -1px;
}
/*# sourceMappingURL=index.css.map */