| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- // 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 <body>, 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' );
- }
|