8
0

toolbar.scss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. // Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  2. // For licensing, see LICENSE.md or http://ckeditor.com/license
  3. .ck-toolbar {
  4. padding: ck-spacing( 'small' );
  5. border: 1px solid ck-color( 'toolbar-border' );
  6. // Allow wrapping toolbar items to the new line.
  7. white-space: initial;
  8. &_floating {
  9. // Disallow wrapping toolbar items to the new line when the toolbar is floating,
  10. // resulting in an toolbar shapes when the horizontal space is limited.
  11. // https://github.com/ckeditor/ckeditor5-theme-lark/issues/93
  12. white-space: nowrap;
  13. }
  14. @include ck-unselectable();
  15. @include ck-rounded-corners();
  16. &__separator {
  17. width: 1px;
  18. height: calc( 1em + 2 * #{ck-spacing( 'medium' )} );
  19. vertical-align: middle;
  20. background: ck-color( 'toolbar-border' );
  21. }
  22. &__newline {
  23. height: ck-spacing( 'small' );
  24. }
  25. // (#11) Separate toolbar items.
  26. & > * {
  27. margin-right: ck-spacing( 'small' );
  28. }
  29. & > *:last-child {
  30. margin-right: 0;
  31. }
  32. .ck-toolbar-container & {
  33. border: 0;
  34. }
  35. }