@kademi/keditor/src/styles/keditor-component-text.less

KEditor is a jQuery plugin which provides a content editor with drag n drop, configurable contents

// Import
// -------------------------------------------------
@import "_mixins";
@import "_variables";

// CKEditor
// -------------------------------------------------
div.cke_float[id*="cke_keditor-ui-"] {
    padding: 0 6px;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    background: #fff;
    height: @topbar-height;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid @border-color;
    
    .cke_inner {
        padding: 0 !important;
    }
    
    .cke_top {
        padding: 0;
        border: 0;
        background: none !important;
    }
    
    .cke_toolbox {
        display: block !important;
        overflow-x: auto;
        overflow-y: hidden;
        .keditor-scrollbar(5px);
    }
    
    .cke_toolbar {
        float: none !important;
        display: inline-block !important;
        vertical-align: top !important;
    }
    
    .cke_toolbar_break {
        display: none !important;
    }
}

.cke_screen_reader_only {
    top: 0;
    left: 0;
    z-index: -1;
}