splitbutton.css 809 B

12345678910111213141516171819202122232425262728293031323334
  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-splitbutton {
  7. & > .ck-splitbutton__action {
  8. /* Don't round the first button on the right side */
  9. @mixin ck-rounded-corners {
  10. border-top-right-radius: unset;
  11. border-bottom-right-radius: unset;
  12. }
  13. }
  14. & > .ck-splitbutton__arrow {
  15. /* Disable a double border between the button and the arrow button. */
  16. border-left: 0;
  17. /* It's a text-less button but still, it should not be square. */
  18. min-width: unset;
  19. /* Don't round the arrow button on the right side */
  20. @mixin ck-rounded-corners {
  21. border-top-left-radius: unset;
  22. border-bottom-left-radius: unset;
  23. }
  24. & svg {
  25. width: var(--ck-dropdown-arrow-size);
  26. }
  27. }
  28. }