8
0

dropdown.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  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. }
  6. .ck-dropdown__button {
  7. &:after {
  8. content: '';
  9. width: 0;
  10. height: 0;
  11. border-style: solid;
  12. border-width: .4em .4em 0 .4em;
  13. border-color: ck-color( 'text', 30 ) transparent;
  14. position: relative;
  15. top: .9em;
  16. margin-left: ck-spacing( 'medium' );
  17. }
  18. }
  19. .ck-dropdown__panel {
  20. border: 1px solid ck-border-color( 'foreground' );
  21. display: none;
  22. box-shadow: 0 0 5px ck-color( 'foreground', -15 );
  23. position: absolute;
  24. // Compensate double border from button and from box when positioned below the button.
  25. margin-top: -1px;
  26. &-active {
  27. display: inline-block;
  28. }
  29. &__list {
  30. overflow: hidden;
  31. list-style-type: none;
  32. background: ck-color( 'background' );
  33. @include ck-unselectable();
  34. @include ck-rounded-corners();
  35. &__item {
  36. display: block;
  37. min-width: 12em;
  38. padding: ck-spacing( 'medium' );
  39. cursor: pointer;
  40. &:hover,
  41. &:focus {
  42. background: ck-color( 'foreground' );
  43. }
  44. &:last-of-type {
  45. border: none;
  46. }
  47. }
  48. }
  49. }