8
0

toolbar.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  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/_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. /* Specificity matters here. See https://github.com/ckeditor/ckeditor5-theme-lark/issues/168. */
  22. & > .ck {
  23. /* Items in a vertical toolbar should span the horizontal space. */
  24. width: 100%;
  25. /* Items in a vertical toolbar should have no margin. */
  26. margin: 0;
  27. /* Items in a vertical toolbar span the entire width so rounded corners are pointless. */
  28. border-radius: 0;
  29. /* Items in a vertical toolbar span the entire width so any border is pointless. */
  30. border: 0;
  31. }
  32. }
  33. & > *:last-child {
  34. margin-right: 0;
  35. }
  36. @nest .ck-toolbar-container & {
  37. border: 0;
  38. }
  39. }
  40. .ck.ck-toolbar__separator {
  41. align-self: stretch;
  42. width: 1px;
  43. margin-top: 0;
  44. margin-bottom: 0;
  45. background: var(--ck-color-toolbar-border);
  46. }
  47. .ck.ck-toolbar__newline {
  48. margin: 0;
  49. }