8
0

toolbar.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  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 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 nothing from one side).
  21. * Better hide it for better look.
  22. */
  23. &:first-child,
  24. &:last-child {
  25. display: none;
  26. }
  27. }
  28. &.ck-toolbar_grouping > .ck-toolbar__items {
  29. flex-wrap: nowrap;
  30. }
  31. &.ck-toolbar_vertical > .ck-toolbar__items {
  32. flex-direction: column;
  33. }
  34. &.ck-toolbar_floating > .ck-toolbar__items {
  35. flex-wrap: nowrap;
  36. }
  37. & > .ck.ck-toolbar__grouped-dropdown {
  38. /*
  39. * Dropdown button has asymmetric padding to fit the arrow.
  40. * This button has no arrow so let's revert that padding back to normal.
  41. */
  42. & > .ck.ck-button.ck-dropdown__button {
  43. padding-left: var(--ck-spacing-tiny);
  44. }
  45. & > .ck-dropdown__button .ck-dropdown__arrow {
  46. display: none;
  47. }
  48. }
  49. }