splitbutton.css 999 B

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