Files
lis/htdocs/public/high/assets/scss/_wysiwig.scss
2025-07-16 07:36:13 +07:00

62 lines
1.3 KiB
SCSS

/* =============
Wysiwig
============= */
.mce-panel {
border: 1px solid lighten($light, 3%) !important;
background-color: lighten($light, 3%) !important;
}
.mce-menu {
background-color: $white !important;
box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
}
.mce-menubar .mce-menubtn:hover, .mce-menubar .mce-menubtn.mce-active, .mce-menubar .mce-menubtn:focus {
border-color: lighten($light, 3%) !important;
}
.mce-menu-item:hover, .mce-menu-item.mce-selected, .mce-menu-item:focus, .mce-menu-item-normal.mce-active,
.mce-primary {
background-color: $custom !important;
}
.mce-window-head .mce-title {
font-family: $font-secondary;
}
.mce-window {
padding: 20px !important;
}
.mce-window-head {
padding-bottom: 20px !important;
border-bottom: 0 !important;
}
.mce-grid-border a:hover, .mce-grid-border a.mce-active {
border-color: $custom !important;
background: $custom !important;
}
.mce-btn {
background-color: $custom !important;
border: none !important;
border-radius: 3px;
color: $white !important;
}
.mce-menubtn button,.mce-btn button {
color: $white !important;
span,i {
color: $white !important;
}
}
.mce-menubar .mce-caret,.mce-btn .mce-caret {
border-top-color: $white !important;
}
.mce-flow-layout {
padding: 5px !important;
}