8
0

theme.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  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. // Common styles applied to all widgets.
  5. .ck-widget {
  6. margin: 10px 0;
  7. padding: 0;
  8. &.ck-widget_selected, &.ck-widget_selected:hover {
  9. outline: 2px solid #ace;
  10. }
  11. .ck-editor__editable.ck-blurred &.ck-widget_selected {
  12. outline: 2px solid #ddd;
  13. }
  14. &:hover {
  15. outline: 2px solid yellow;
  16. }
  17. }
  18. // Image widget's styles.
  19. .ck-widget.image {
  20. text-align: center;
  21. clear: both;
  22. &.image-style-side {
  23. display: inline-block;
  24. float: right;
  25. margin-left: 0.8em;
  26. }
  27. }
  28. // Alternate text form.
  29. .ck-alternate-text {
  30. &-form {
  31. padding: ck-spacing( 'large' );
  32. overflow: hidden;
  33. .ck-label {
  34. margin-bottom: ck-spacing( 'small' );
  35. }
  36. &__actions {
  37. clear: both;
  38. padding-top: ck-spacing( 'large' );
  39. .ck-button {
  40. float: right;
  41. & + .ck-button {
  42. margin-right: ck-spacing( 'medium' );
  43. & + .ck-button {
  44. float: left;
  45. }
  46. }
  47. }
  48. }
  49. }
  50. }