// Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved. // For licensing, see LICENSE.md or http://ckeditor.com/license // TODO/NOTE: This along with _editor helper will probably become a creator theme. @include ck-editor { @include ck-rounded-corners(); // All the elements within `.ck-editor` are positioned relatively to it. // If any element needs to be positioned with respect to the , etc., // it must land outside of the `.ck-editor` in DOM. position: relative; .ck-editor__top { .ck-toolbar { border-top: 0; border-left: 0; border-right: 0; } } .ck-editor__main { background: ck-color(); } .ck-editor__bottom { border-bottom: 0; border-left: 0; border-right: 0; padding: ck-spacing(); } .ck-editor__editable { &.ck-focused { @include ck-focus-outline(); } &_inline { overflow: auto; padding: 0 ck-spacing(); } } .ck-toolbar { // Toolbars should not react to ck-rounded-corners() mixin. border-radius: 0; .ck-button { border-width: 0; // Make sure the next button does not overlap focused one. &:focus { z-index: 1; } &:not(:hover):not(:focus):not(.ck-on), &.ck-disabled { background: ck-color( 'foreground' ); } &.ck-on { @include ck-button-colors( 'foreground', -10 ); } } .ck-dropdown__button { border-width: 1px; &:not(:hover):not(:focus):not(.ck-on) { background: ck-color( 'background' ); } } } } .ck-editor, .ck-editor-bottom { background: ck-color( 'foreground' ); border: 1px solid ck-border-color( 'foreground' ); }