toolbar.scss 1019 B

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