list.scss 890 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. // Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  2. // For licensing, see LICENSE.md or http://ckeditor.com/license
  3. .ck-list {
  4. @include ck-rounded-corners();
  5. @include ck-unselectable();
  6. // Crop the the items when the list has huge border-radius.
  7. overflow: hidden;
  8. list-style-type: none;
  9. background: ck-color( 'list-background' );
  10. &__item {
  11. padding: ck-spacing( 'medium' );
  12. cursor: default;
  13. min-width: 12em;
  14. &:hover,
  15. &:focus {
  16. background: ck-color( 'list-item-background-hover' );
  17. }
  18. &:focus {
  19. @include ck-box-shadow( $ck-focus-outer-shadow );
  20. position: relative;
  21. z-index: ck-z();
  22. outline: none;
  23. }
  24. &_active {
  25. background: ck-color( 'list-item-background-active' );
  26. color: ck-color( 'list-item-text-active' );
  27. &:hover,
  28. &:focus {
  29. background: ck-color( 'list-item-background-active', -10 );
  30. }
  31. }
  32. }
  33. }