dropdown.scss 962 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  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. top: 50%;
  10. right: ck-spacing();
  11. transform: translate( 0, -50% );
  12. }
  13. .ck-button.ck-dropdown__button {
  14. // A space to accommodate the triangle.
  15. padding-right: 2 * ck-spacing();
  16. // #23
  17. .ck-button__label {
  18. width: 7em;
  19. overflow: hidden;
  20. text-overflow: ellipsis;
  21. }
  22. }
  23. }
  24. .ck-dropdown__panel {
  25. border: 1px solid ck-border-color( 'foreground' );
  26. left: 0px;
  27. // Compensate double border from button and from box when positioned below the button.
  28. bottom: 2px;
  29. transform: translateY( 100% );
  30. background: ck-color( 'background' );
  31. @include ck-rounded-corners();
  32. @include ck-drop-shadow();
  33. }