theme.scss 894 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. // Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
  2. // For licensing, see LICENSE.md or http://ckeditor.com/license
  3. @import '~ckeditor5-theme-lark/theme/helpers/_spacing';
  4. @import '~ckeditor5-theme-lark/theme/helpers/_colors';
  5. @import '~ckeditor5-theme-lark/theme/helpers/_rounded';
  6. @import '~ckeditor5-theme-lark/theme/helpers/_shadow';
  7. @import '~ckeditor5-theme-lark/theme/helpers/_states';
  8. // Common styles applied to all widgets.
  9. .ck-widget {
  10. margin: 10px 0;
  11. padding: 0;
  12. &.ck-widget_selected, &.ck-widget_selected:hover {
  13. outline: 2px solid #ace;
  14. }
  15. .ck-editor__editable.ck-blurred &.ck-widget_selected {
  16. outline: 2px solid #ddd;
  17. }
  18. &:hover {
  19. outline: 2px solid yellow;
  20. }
  21. }
  22. // Image widget's styles.
  23. .ck-widget.image {
  24. text-align: center;
  25. clear: both;
  26. &.image-style-side {
  27. display: inline-block;
  28. float: right;
  29. margin-left: 0.8em;
  30. }
  31. }