toolbar.css 1.0 KB

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