toolbar.css 1.3 KB

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