splitbutton.css 919 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. /*
  2. * Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. .ck-splitbutton-dropdown {
  6. &::after {
  7. display: none;
  8. }
  9. }
  10. .ck-rounded-corners .ck-splitbutton > .ck-button:not(.ck-splitbutton-arrow) {
  11. border-top-right-radius: unset;
  12. border-bottom-right-radius: unset;
  13. }
  14. .ck-rounded-corners .ck-splitbutton > .ck-splitbutton-arrow {
  15. border-top-left-radius: unset;
  16. border-bottom-left-radius: unset;
  17. }
  18. .ck-splitbutton-arrow {
  19. padding-right: var(--ck-spacing-standard);
  20. & svg {
  21. width: 0;
  22. min-width: 0;
  23. }
  24. &::after {
  25. content: '';
  26. width: 0;
  27. height: 0;
  28. pointer-events: none;
  29. z-index: var(--ck-z-default);
  30. position: absolute;
  31. top: 50%;
  32. /* To make the triangle appear in the middle of split button the translation in X-axis
  33. * should be adjusted by the half of its width. */
  34. transform: translate3d(calc(-50% + 0.2em), -50%, 0);
  35. }
  36. }