list.css 791 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. /*
  2. * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. @import "../../mixins/_rounded.css";
  6. @import "../../mixins/_shadow.css";
  7. .ck-list {
  8. @mixin ck-rounded-corners;
  9. list-style-type: none;
  10. background: var(--ck-color-list-background);
  11. }
  12. .ck-list__item {
  13. padding: var(--ck-spacing-medium);
  14. cursor: default;
  15. min-width: 12em;
  16. &:hover,
  17. &:focus {
  18. background: var(--ck-color-list-item-background-hover);
  19. }
  20. &:focus {
  21. @mixin ck-box-shadow var(--ck-focus-outer-shadow);
  22. outline: none;
  23. }
  24. }
  25. .ck-list__item_active {
  26. background: var(--ck-color-list-item-background-active);
  27. color: var(--ck-color-list-item-text-active);
  28. &:hover,
  29. &:focus {
  30. background: var(--ck-color-list-item-background-active-focus);
  31. }
  32. }