dropdown.scss 985 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  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. display: inline-block;
  5. position: relative;
  6. }
  7. .ck-dropdown__button {
  8. &:after {
  9. content: '';
  10. width: 0;
  11. height: 0;
  12. border-style: solid;
  13. border-width: .4em .4em 0 .4em;
  14. border-color: ck-color( 'text', 30 ) transparent;
  15. position: relative;
  16. top: .9em;
  17. margin-left: ck-spacing( 'medium' );
  18. }
  19. // #23
  20. .ck-button__label {
  21. width: 7em;
  22. overflow: hidden;
  23. text-overflow: ellipsis;
  24. }
  25. }
  26. .ck-dropdown__panel {
  27. border: 1px solid ck-border-color( 'foreground' );
  28. display: none;
  29. position: absolute;
  30. left: 0px;
  31. // Compensate double border from button and from box when positioned below the button.
  32. bottom: 2px;
  33. transform: translateY( 100% );
  34. background: ck-color( 'background' );
  35. z-index: ck-z();
  36. @include ck-rounded-corners();
  37. @include ck-drop-shadow();
  38. &-visible {
  39. display: inline-block;
  40. }
  41. }