8
0

_button.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. /*
  2. * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. /**
  6. * Implements a button of given background color.
  7. *
  8. * @param {String} $background - Background color of the button.
  9. * @param {String} $border - Border color of the button.
  10. */
  11. @define-mixin ck-button-colors $prefix {
  12. background: var($(prefix)-background);
  13. border-color: var($(prefix)-border);
  14. &:not(.ck-disabled) {
  15. &:hover,
  16. &:focus {
  17. background: var($(prefix)-focus-background);
  18. border-color: var($(prefix)-focus-border);
  19. }
  20. &:active {
  21. background: var($(prefix)-active-background);
  22. border-color: var($(prefix)-active-border);
  23. box-shadow: inset 0 2px 2px var($(prefix)-active-shadow);
  24. }
  25. }
  26. /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */
  27. &.ck-disabled {
  28. background: var($(prefix)-disabled-background);
  29. border-color: var($(prefix)-disabled-border);
  30. }
  31. }
  32. /**
  33. * A helper to define button–specific icon styles.
  34. *
  35. */
  36. @define-mixin ck-button-icon {
  37. & .ck-icon {
  38. @mixin-content;
  39. }
  40. }