
| Current Path : /var/www/html1/testsite/web/core/themes/claro/css/theme/ |
Linux ift1.ift-informatik.de 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 |
| Current File : /var/www/html1/testsite/web/core/themes/claro/css/theme/ckeditor-editor.pcss.css |
/**
* @file
* CKEditor appearance overrides.
*/
@import "../base/variables.pcss.css";
:root {
--ckeditor-chrome-border-size: var(--input-border-size); /* 1px */
--ckeditor-chrome-border-radius: var(--base-border-radius);
/* Inner border size must be based on chrome border size. */
--ckeditor-inner-border-size: calc(var(--input--error-border-size) - var(--ckeditor-chrome-border-size)); /* 1px */
/* Inner border radius must be based on chrome border radius and size. */
--ckeditor-inner-border-radius: calc(var(--ckeditor-chrome-border-radius) - var(--ckeditor-chrome-border-size));
}
.cke.cke_chrome {
border-width: var(--ckeditor-chrome-border-size);
border-radius: var(--ckeditor-chrome-border-radius);
}
.cke .cke_inner {
border-radius: var(--ckeditor-inner-border-radius);
}
.cke_path_empty:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
background: var(--input-bg-color);
}
.cke .cke_top {
border: var(--ckeditor-inner-border-size) solid transparent;
border-bottom: 0;
border-radius: var(--ckeditor-inner-border-size) var(--ckeditor-inner-border-size) 0 0;
}
.cke .cke_contents {
border: var(--ckeditor-inner-border-size) solid transparent;
border-top: 0;
border-bottom: 0;
}
.cke .cke_bottom {
border: var(--ckeditor-inner-border-size) solid transparent;
border-top: 0;
border-radius: 0 0 var(--ckeditor-inner-border-size) var(--ckeditor-inner-border-size);
}
/* Default */
.cke.cke_chrome {
border-color: var(--input-border-color);
}
/* Hover. */
.cke.cke_chrome:hover,
.cke:hover .cke_contents,
.cke:hover .cke_top,
.cke:hover .cke_bottom {
border-color: var(--input--hover-border-color);
}
/* Focus. */
.cke.cke_chrome.cke_focus {
outline: var(--focus-outline);
box-shadow: var(--focus-box-shadow);
}
/* Error. */
.error + .cke.cke_chrome,
.error + .cke .cke_contents,
.error + .cke .cke_top,
.error + .cke .cke_bottom {
border-color: var(--input--error-border-color);
}
/* Disabled. */
[disabled] + .cke.cke_chrome {
border-color: var(--input--disabled-border-color);
}
[disabled] + .cke .cke_contents,
[disabled] + .cke .cke_top,
[disabled] + .cke .cke_bottom {
border-color: transparent;
}
[disabled] + .cke .cke_contents {
border-color: var(--input--disabled-bg-color);
background: hsl(240, 4%, 90%); /* Calculated from disabled input bg and iframe opacity. */
}
[disabled] + .cke iframe,
[disabled] + .cke .cke_source {
opacity: 0.505;
}
[disabled] + .cke .cke_bottom {
background: var(--input--disabled-bg-color);
}
[disabled] + .cke .cke_bottom > * {
/* Don't show element path dor disabled editor. */
opacity: 0;
}
[disabled] + .cke .cke_path_empty::after {
content: none;
}