button.css 880 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. /*
  2. * Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. @import "../../mixins/_unselectable.css";
  6. @import "../tooltip/mixins/_tooltip.css";
  7. .ck.ck-button,
  8. a.ck.ck-button {
  9. @mixin ck-unselectable;
  10. @mixin ck-tooltip_enabled;
  11. position: relative;
  12. display: inline-flex;
  13. align-items: center;
  14. justify-content: left;
  15. & .ck-button__label {
  16. display: none;
  17. }
  18. &.ck-button_with-text {
  19. & .ck-button__label {
  20. display: inline-block;
  21. }
  22. }
  23. /* Center the icon horizontally in a button without text. */
  24. &:not(.ck-button_with-text) {
  25. justify-content: center;
  26. }
  27. &:hover {
  28. @mixin ck-tooltip_visible;
  29. }
  30. /* Get rid of the native focus outline around the tooltip when focused (but not :hover). */
  31. &:focus:not(:hover) {
  32. @mixin ck-tooltip_disabled;
  33. }
  34. }