| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- // 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;
- }
- }
- // Alternate text form.
- .ck-alternate-text {
- &-form {
- padding: ck-spacing( 'large' );
- overflow: hidden;
- .ck-label {
- margin-bottom: ck-spacing( 'small' );
- }
- &__actions {
- clear: both;
- padding-top: ck-spacing( 'large' );
- .ck-button {
- float: right;
- & + .ck-button {
- margin-right: ck-spacing( 'medium' );
- & + .ck-button {
- float: left;
- }
- }
- }
- }
- }
- }
- // 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 );
- }
- }
|