forked from a64f7bb4-7358-4778-9fbe-3b882c34cc1d/v1
168 lines
3.5 KiB
SCSS
168 lines
3.5 KiB
SCSS
.cke.cke {
|
|
.cke_inner,
|
|
.cke_wysiwyg_frame,
|
|
.cke_wysiwyg_div {
|
|
.gin--dark-mode & {
|
|
background: var(--gin-bg-layer2);
|
|
}
|
|
}
|
|
|
|
&.cke_chrome {
|
|
width: 100% !important; // Fix issue with field_group
|
|
border-color: var(--gin-border-color-form-element);
|
|
border-radius: var(--gin-border-m);
|
|
}
|
|
|
|
.cke_inner {
|
|
border-radius: var(--gin-border-m);
|
|
}
|
|
|
|
.cke_top {
|
|
background: var(--gin-bg-layer);
|
|
border-bottom: 1px solid var(--gin-border-color);
|
|
border-radius: calc(var(--gin-border-m) - 1px) calc(var(--gin-border-m) - 1px) 0 0;
|
|
|
|
.gin--dark-mode & {
|
|
background: var(--gin-bg-layer2);
|
|
}
|
|
}
|
|
|
|
.cke_bottom {
|
|
background: var(--gin-bg-layer3);
|
|
border-radius: 0 0 calc(var(--gin-border-m) - 1px) calc(var(--gin-border-m) - 1px);
|
|
}
|
|
|
|
.cke_contents {
|
|
padding-left: var(--gin-spacing-xs);
|
|
padding-right: var(--gin-spacing-xs);
|
|
}
|
|
|
|
.cke_path_empty:only-child::after {
|
|
background: transparent;
|
|
}
|
|
|
|
.cke_combo {
|
|
&::after {
|
|
border-right: 1px solid var(--gin-border-color);
|
|
}
|
|
}
|
|
|
|
.cke_combo_text {
|
|
color: var(--gin-color-text);
|
|
}
|
|
|
|
.cke_combo_on a.cke_combo_button,
|
|
.cke_combo_off a.cke_combo_button:hover,
|
|
.cke_combo_off a.cke_combo_button:focus,
|
|
.cke_combo_off a.cke_combo_button:active {
|
|
background: var(--gin-bg-app);
|
|
border: 1px solid var(--gin-bg-layer2);
|
|
}
|
|
|
|
a.cke_path_item,
|
|
span.cke_path_empty {
|
|
color: var(--gin-color-text-light);
|
|
}
|
|
|
|
a.cke_button {
|
|
border-radius: 3px;
|
|
}
|
|
|
|
a.cke_button_on {
|
|
background: none;
|
|
}
|
|
|
|
a.cke_button_off {
|
|
&:hover,
|
|
&:focus,
|
|
&:active {
|
|
background: var(--gin-bg-item-hover);
|
|
border: 1px solid var(--gin-border-color-layer2);
|
|
}
|
|
}
|
|
|
|
.cke_button {
|
|
span {
|
|
.gin--dark-mode & {
|
|
filter: invert(1);
|
|
}
|
|
}
|
|
}
|
|
|
|
&.cke_panel {
|
|
background-color: var(--gin-bg-app);
|
|
border: 0 none;
|
|
}
|
|
}
|
|
|
|
.cke.cke_chrome.cke_focus,
|
|
.cke.cke_chrome:hover,
|
|
.cke:hover .cke_contents,
|
|
.cke:hover .cke_top,
|
|
.cke:hover .cke_bottom {
|
|
border-color: var(--gin-color-text);
|
|
|
|
.gin--dark-mode & {
|
|
border-color: var(--gin-border-color-layer2);
|
|
}
|
|
}
|
|
|
|
.cke:hover .cke_top {
|
|
&,
|
|
.gin--dark-mode & {
|
|
border-bottom-color: var(--gin-border-color);
|
|
}
|
|
}
|
|
|
|
.cke.cke_chrome.cke_focus:hover,
|
|
.cke.cke_focus .cke_contents,
|
|
.cke.cke_focus .cke_top,
|
|
.cke.cke_focus .cke_bottom,
|
|
.error + .cke.cke_chrome.cke_focus:hover,
|
|
.error + .cke.cke_focus .cke_contents,
|
|
.error + .cke.cke_focus .cke_top,
|
|
.error + .cke.cke_focus .cke_bottom {
|
|
border-color: var(--gin-color-text);
|
|
}
|
|
|
|
.cke_top,
|
|
.cke.cke_chrome.cke_focus:hover .cke_top,
|
|
.cke.cke_focus .cke_top,
|
|
.error + .cke.cke_focus .cke_top,
|
|
.error + .cke.cke_chrome.cke_focus:hover .cke_top {
|
|
border-bottom: 1px solid var(--gin-border-color);
|
|
}
|
|
|
|
.cke textarea.cke_source {
|
|
padding: var(--gin-spacing-s) var(--gin-spacing-xs);
|
|
color: var(--gin-color-text);
|
|
background-color: transparent;
|
|
}
|
|
|
|
body .cke_notification_info {
|
|
opacity: 1;
|
|
padding: var(--gin-spacing-xs);
|
|
background: var(--gin-bg-layer4);
|
|
border: 0 none;
|
|
border-radius: var(--gin-border-m);
|
|
box-shadow: var(--gin-shadow-l1);
|
|
|
|
.cke_notification_message {
|
|
color: var(--gin-color-text);
|
|
}
|
|
|
|
.cke_notification_close {
|
|
top: var(--gin-spacing-xxs);
|
|
right: var(--gin-spacing-xxs);
|
|
background: var(--gin-color-text);
|
|
mask-image: icon('close');
|
|
mask-position: center center;
|
|
mask-repeat: no-repeat;
|
|
mask-size: 12px 12px;
|
|
}
|
|
}
|
|
|
|
.filter-tips {
|
|
color: var(--gin-color-text-light);
|
|
}
|