| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- // 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 );
- }
- }
|