8
0

toolbar.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. /*
  2. * Copyright (c) 2003-2020, 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 nowrap;
  10. align-items: center;
  11. & > .ck-toolbar__items {
  12. display: flex;
  13. flex-flow: row wrap;
  14. align-items: center;
  15. flex-grow: 1;
  16. }
  17. & .ck.ck-toolbar__separator {
  18. display: inline-block;
  19. /*
  20. * A leading or trailing separator makes no sense (separates from nothing on one side).
  21. * For instance, it can happen when toolbar items (also separators) are getting grouped one by one and
  22. * moved to another toolbar in the dropdown.
  23. */
  24. &:first-child,
  25. &:last-child {
  26. display: none;
  27. }
  28. }
  29. &.ck-toolbar_grouping > .ck-toolbar__items {
  30. flex-wrap: nowrap;
  31. }
  32. &.ck-toolbar_vertical > .ck-toolbar__items {
  33. flex-direction: column;
  34. }
  35. &.ck-toolbar_floating > .ck-toolbar__items {
  36. flex-wrap: nowrap;
  37. }
  38. & > .ck.ck-toolbar__grouped-dropdown {
  39. & > .ck-dropdown__button .ck-dropdown__arrow {
  40. display: none;
  41. }
  42. }
  43. }