toolbar.css 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  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: 0 var(--ck-spacing-small) 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. }
  16. &.ck-toolbar_vertical {
  17. & > * {
  18. /* Items in a vertical toolbar should have no horizontal margin */
  19. margin-right: 0;
  20. /* Items in a vertical toolbar should span the horizontal space */
  21. width: 100%;
  22. }
  23. }
  24. & > *:last-child {
  25. margin-right: 0;
  26. }
  27. @nest .ck-toolbar-container & {
  28. border: 0;
  29. }
  30. }
  31. .ck-toolbar__separator {
  32. width: 1px;
  33. height: calc(1em + 2 * var(--ck-spacing-medium));
  34. vertical-align: middle;
  35. background: var(--ck-color-toolbar-border);
  36. }
  37. .ck-toolbar__newline {
  38. margin: 0;
  39. }