toolbar.css 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. /*
  2. * Copyright (c) 2003-2018, 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: 0 var(--ck-spacing-small);
  9. border: 1px solid var(--ck-color-toolbar-border);
  10. & > * {
  11. /* (#11) Separate toolbar items. */
  12. margin-right: var(--ck-spacing-small);
  13. /* Make sure items wrapped to the next line have v-spacing */
  14. margin-top: var(--ck-spacing-small);
  15. margin-bottom: var(--ck-spacing-small);
  16. }
  17. &.ck-toolbar_vertical {
  18. & > * {
  19. /* Items in a vertical toolbar should have no horizontal margin */
  20. margin-right: 0;
  21. /* Items in a vertical toolbar should span the horizontal space */
  22. width: 100%;
  23. }
  24. }
  25. & > *:last-child {
  26. margin-right: 0;
  27. }
  28. @nest .ck-toolbar-container & {
  29. border: 0;
  30. }
  31. }
  32. .ck-toolbar__separator {
  33. align-self: stretch;
  34. width: 1px;
  35. margin-top: 0;
  36. margin-bottom: 0;
  37. background: var(--ck-color-toolbar-border);
  38. }
  39. .ck-toolbar__newline {
  40. margin: 0;
  41. }