dropdown.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. // Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  2. // For licensing, see LICENSE.md or http://ckeditor.com/license
  3. .ck-dropdown {
  4. // Enable font size inheritance, which allows fluid UI scaling.
  5. font-size: inherit;
  6. // A triangle displayed to indicate this is actually a dropdown.
  7. &::after {
  8. border-style: solid;
  9. border-width: .4em .4em 0 .4em;
  10. border-color: ck-color( 'dropdown-symbol' ) transparent;
  11. right: ck-spacing();
  12. }
  13. .ck-button.ck-dropdown__button {
  14. // A space to accommodate the triangle.
  15. padding-right: 2 * ck-spacing();
  16. // https://github.com/ckeditor/ckeditor5-theme-lark/issues/70
  17. &.ck-disabled .ck-button__label {
  18. @include ck-disabled;
  19. }
  20. // #23
  21. .ck-button__label {
  22. width: 7em;
  23. overflow: hidden;
  24. text-overflow: ellipsis;
  25. }
  26. }
  27. }
  28. .ck-dropdown__panel {
  29. background: ck-color( 'dropdown-panel-background' );
  30. border: 1px solid ck-color( 'dropdown-panel-border' );
  31. // Compensate double border from button and from box when positioned below the button.
  32. bottom: 1px;
  33. @include ck-rounded-corners();
  34. @include ck-drop-shadow();
  35. }