splitbutton.css 977 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  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. &:focus {
  14. z-index: calc(var(--ck-z-default) + 1);
  15. }
  16. }
  17. .ck-rounded-corners .ck-splitbutton > .ck-splitbutton-arrow {
  18. border-top-left-radius: unset;
  19. border-bottom-left-radius: unset;
  20. }
  21. .ck-splitbutton-arrow {
  22. padding-right: var(--ck-spacing-standard);
  23. & svg {
  24. width: 0;
  25. min-width: 0;
  26. }
  27. &::after {
  28. content: '';
  29. width: 0;
  30. height: 0;
  31. pointer-events: none;
  32. z-index: var(--ck-z-default);
  33. position: absolute;
  34. top: 50%;
  35. /* To make the triangle appear in the middle of split button the translation in X-axis
  36. * should be adjusted by the half of its width. */
  37. transform: translate3d(calc(-50% + 0.2em), -50%, 0);
  38. }
  39. }