symbolgrid.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. /*
  2. * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. @import "../../../mixins/_rounded.css";
  6. :root {
  7. --ck-symbol-grid-tile-size: 24px;
  8. }
  9. .ck.ck-symbol-grid {
  10. grid-gap: 5px;
  11. padding: 8px;
  12. max-height: calc(var(--ck-symbol-grid-tile-size) * 4);
  13. overflow-y: scroll;
  14. overflow-x: hidden;
  15. }
  16. .ck.ck-symbol-grid__tile {
  17. width: var(--ck-symbol-grid-tile-size);
  18. height: var(--ck-symbol-grid-tile-size);
  19. min-width: var(--ck-symbol-grid-tile-size);
  20. min-height: var(--ck-symbol-grid-tile-size);
  21. padding: 0;
  22. transition: .2s ease box-shadow;
  23. border: 0;
  24. &.ck-disabled {
  25. cursor: unset;
  26. transition: unset;
  27. }
  28. &.ck-on {
  29. box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-base-text);
  30. & .ck.ck-icon {
  31. display: block;
  32. }
  33. }
  34. &.ck-on,
  35. &:focus:not( .ck-disabled ),
  36. &:hover:not( .ck-disabled ) {
  37. /* Disable the default .ck-button's border ring. */
  38. border: 0;
  39. }
  40. &:focus:not( .ck-disabled ),
  41. &:hover:not( .ck-disabled ) {
  42. box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
  43. }
  44. }
  45. .ck.ck-symbol-grid__label {
  46. padding: 0 var(--ck-spacing-standard);
  47. }