| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 |
- // Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
- // For licensing, see LICENSE.md or http://ckeditor.com/license
- @import '../helpers/_button.scss';
- .ck-editor__editable {
- @include ck-rounded-corners();
- &.ck-focused {
- @include ck-focus-ring();
- @include ck-box-shadow( $ck-inner-shadow );
- }
- &_inline {
- overflow: auto;
- padding: 0 ck-spacing();
- border: 1px solid transparent;
- }
- }
- .ck-editor-toolbar {
- .ck-button {
- border-width: 0;
- &:not(:hover):not(:focus):not(.ck-on),
- &.ck-disabled {
- background: ck-color( 'editor-toolbar-background' );
- }
- &.ck-on {
- @include ck-button-colors( 'editor-toolbar-button-background', 'button-default-border', -10 );
- }
- }
- .ck-button.ck-dropdown__button {
- border-width: 1px;
- &:not(:hover):not(:focus):not(.ck-on) {
- background: ck-color( 'editor-dropdown-background' );
- }
- }
- .ck-toolbar-container & {
- background: ck-color( 'editor-toolbar-background' );
- }
- }
- // https://github.com/ckeditor/ckeditor5-theme-lark/issues/111
- .ck-toolbar-container.ck-editor-toolbar-container.ck-balloon-panel_arrow {
- &_n,
- &_ne,
- &_nw {
- &:after {
- border-bottom-color: ck-color( 'editor-toolbar-background' );
- }
- }
- &_s,
- &_se,
- &_sw {
- &:after {
- border-top-color: ck-color( 'editor-toolbar-background' );
- }
- }
- }
|