// Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved. // For licensing, see LICENSE.md or http://ckeditor.com/license @import '~ckeditor5-theme-lark/theme/helpers/_spacing'; @import '~ckeditor5-theme-lark/theme/helpers/_colors'; @import '~ckeditor5-theme-lark/theme/helpers/_rounded'; @import '~ckeditor5-theme-lark/theme/helpers/_shadow'; @import '~ckeditor5-theme-lark/theme/helpers/_states'; // Common styles applied to all widgets. .ck-widget { margin: 10px 0; padding: 0; &.ck-widget_selected, &.ck-widget_selected:hover { outline: 2px solid #ace; } .ck-editor__editable.ck-blurred &.ck-widget_selected { outline: 2px solid #ddd; } &:hover { outline: 2px solid yellow; } } // Image widget's styles. .ck-widget.image { text-align: center; clear: both; &.image-style-side { display: inline-block; float: right; margin-left: 0.8em; } } // Textarea view. // TODO: how to define by class only without textarea textarea.ck-textarea { @include ck-rounded-corners(); @include ck-box-shadow( $ck-inner-shadow ); border: 1px solid ck-border-color( 'foreground' ); padding: ck-spacing( 'medium' ); min-width: 250px; resize: none; &:focus { @include ck-focus-ring(); @include ck-box-shadow( $ck-focus-outer-shadow, $ck-inner-shadow ); } }