button.css 830 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. /*
  2. * Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  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_with-text {
  16. & .ck-button__label {
  17. display: inline-block;
  18. }
  19. }
  20. /* Center the icon horizontally in a button without text. */
  21. &:not(.ck-button_with-text) {
  22. justify-content: center;
  23. }
  24. &:hover {
  25. @mixin ck-tooltip_visible;
  26. }
  27. /* Get rid of the native focus outline around the tooltip when focused (but not :hover). */
  28. &:focus:not(:hover) {
  29. @mixin ck-tooltip_disabled;
  30. }
  31. & .ck-button__label {
  32. display: none;
  33. }
  34. }