dropdown.scss 869 B

1234567891011121314151617181920212223242526272829303132333435
  1. // Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
  2. // For licensing, see LICENSE.md or http://ckeditor.com/license
  3. .ck-dropdown {
  4. // A triangle displayed to indicate this is actually a dropdown.
  5. &::after {
  6. border-style: solid;
  7. border-width: .4em .4em 0 .4em;
  8. border-color: ck-color( 'text', 30 ) transparent;
  9. right: ck-spacing();
  10. }
  11. .ck-button.ck-dropdown__button {
  12. // A space to accommodate the triangle.
  13. padding-right: 2 * ck-spacing();
  14. // #23
  15. .ck-button__label {
  16. width: 7em;
  17. overflow: hidden;
  18. text-overflow: ellipsis;
  19. }
  20. }
  21. }
  22. .ck-dropdown__panel {
  23. border: 1px solid ck-border-color( 'foreground' );
  24. // Compensate double border from button and from box when positioned below the button.
  25. bottom: 2px;
  26. background: ck-color( 'background' );
  27. @include ck-rounded-corners();
  28. @include ck-drop-shadow();
  29. }