8
0

dropdown.scss 914 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  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. }
  20. .ck-dropdown__panel {
  21. border: 1px solid ck-border-color( 'foreground' );
  22. display: none;
  23. box-shadow: 0 0 5px ck-color( 'foreground', -15 );
  24. position: absolute;
  25. left: 0px;
  26. // Compensate double border from button and from box when positioned below the button.
  27. bottom: 2px;
  28. transform: translateY( 100% );
  29. background: ck-color( 'background' );
  30. z-index: ck-z();
  31. @include ck-rounded-corners();
  32. &-active {
  33. display: inline-block;
  34. }
  35. }