8
0

toolbar.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  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.ck-toolbar {
  7. @mixin ck-rounded-corners;
  8. background: var(--ck-color-toolbar-background);
  9. padding: 0 var(--ck-spacing-small);
  10. border: 1px solid var(--ck-color-toolbar-border);
  11. & > * {
  12. /* (#11) Separate toolbar items. */
  13. margin-right: var(--ck-spacing-small);
  14. /* Make sure items wrapped to the next line have v-spacing */
  15. margin-top: var(--ck-spacing-small);
  16. margin-bottom: var(--ck-spacing-small);
  17. }
  18. &.ck-toolbar_vertical {
  19. /* Items in a vertical toolbar span the entire width. */
  20. padding: 0;
  21. & > * {
  22. /* Items in a vertical toolbar should span the horizontal space. */
  23. width: 100%;
  24. /* Items in a vertical toolbar should have no margin. */
  25. margin: 0;
  26. /* Items in a vertical toolbar span the entire width so rounded corners are pointless. */
  27. border-radius: 0;
  28. /* Items in a vertical toolbar span the entire width so any border is pointless. */
  29. border: 0;
  30. }
  31. }
  32. & > *:last-child {
  33. margin-right: 0;
  34. }
  35. @nest .ck-toolbar-container & {
  36. border: 0;
  37. }
  38. }
  39. .ck.ck-toolbar__separator {
  40. align-self: stretch;
  41. width: 1px;
  42. margin-top: 0;
  43. margin-bottom: 0;
  44. background: var(--ck-color-toolbar-border);
  45. }
  46. .ck.ck-toolbar__newline {
  47. margin: 0;
  48. }