toolbar.css 1017 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. /*
  2. * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. @import "../../mixins/_unselectable.css";
  6. .ck.ck-toolbar {
  7. @mixin ck-unselectable;
  8. display: flex;
  9. flex-flow: row wrap;
  10. align-items: center;
  11. &.ck-toolbar_vertical {
  12. flex-direction: column;
  13. }
  14. &.ck-toolbar_floating {
  15. flex-wrap: nowrap;
  16. }
  17. }
  18. .ck.ck-toolbar__separator {
  19. display: inline-block;
  20. }
  21. .ck.ck-toolbar__newline {
  22. display: block;
  23. width: 100%;
  24. }
  25. /* Pull the groupped items dropdown to the right */
  26. .ck.ck-toolbar__groupped-dropdown {
  27. margin-left: auto;
  28. /*
  29. * Dropdown button has asymmetric padding to fit the arrow.
  30. * This button has no arrow so let's revert that padding back to normal.
  31. */
  32. & > .ck.ck-button.ck-dropdown__button {
  33. padding-left: var(--ck-spacing-tiny);
  34. }
  35. & > .ck-dropdown__button .ck-dropdown__arrow {
  36. display: none;
  37. }
  38. & > .ck.ck-dropdown__panel > .ck-toolbar {
  39. flex-wrap: nowrap;
  40. }
  41. }