@ckeditor/ckeditor5-image/dist/index-editor.css

Image feature for CKEditor 5.

/**
 * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.ck.ck-editor__editable td .image-inline.image_resized img {
max-width: 100%;
}
[dir="ltr"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
margin-right: var(--ck-spacing-standard);
}
[dir="rtl"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
margin-left: var(--ck-spacing-standard);
}
.ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label {
width: 4em;
}
.ck.ck-image-custom-resize-form {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
}
.ck.ck-image-custom-resize-form .ck-labeled-field-view {
display: inline-block;
}
.ck.ck-image-custom-resize-form .ck-label {
display: none;
}
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled) {
background-color: var(--ck-color-button-on-background);
}
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled)::after {
display: none;
}
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__action:not(.ck-disabled) {
background-color: var(--ck-color-button-on-hover-background);
}
.ck.ck-text-alternative-form {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.ck.ck-text-alternative-form .ck-labeled-field-view {
display: inline-block;
}
.ck.ck-text-alternative-form .ck-label {
display: none;
}
.ck-vertical-form .ck-button::after {
content: "";
width: 0;
position: absolute;
right: -1px;
top: -1px;
bottom: -1px;
z-index: 1;
}
.ck-vertical-form .ck-button:focus::after {
display: none;
}
.ck.ck-editor__editable .image {
position: relative;
}
.ck.ck-editor__editable .image .ck-progress-bar {
position: absolute;
top: 0;
left: 0;
}
.ck-image-upload-complete-icon {
display: block;
position: absolute;
top: min(var(--ck-spacing-medium), 6%);
right: min(var(--ck-spacing-medium), 6%);
border-radius: 50%;
z-index: 1;
}
.ck-image-upload-complete-icon::after {
content: "";
position: absolute;
}
.ck .ck-upload-placeholder-loader {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 0;
left: 0;
}
.ck .ck-upload-placeholder-loader::before {
content: '';
position: relative;
}
.ck.ck-editor__editable .image > figcaption.ck-placeholder::before {
padding-left: inherit;
padding-right: inherit;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ck.ck-editor__editable .image {
z-index: 1;
}
.ck.ck-editor__editable .image.ck-widget_selected {
z-index: 2;
}
.ck.ck-editor__editable .image-inline {
z-index: 1;
}
.ck.ck-editor__editable .image-inline.ck-widget_selected {
z-index: 2;
}
.ck.ck-editor__editable .image-inline.ck-widget_selected ::selection {
display: none;
}
.ck.ck-editor__editable .image-inline img {
height: auto;
}
.ck.ck-editor__editable td .image-inline img {
max-width: none;
}
.ck.ck-editor__editable img.image_placeholder {
background-size: 100% 100%;
}