charactergrid.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  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-character-grid-tile-size: 24px;
  8. }
  9. .ck.ck-character-grid {
  10. grid-gap: 5px;
  11. padding: 8px;
  12. max-height: calc(var(--ck-character-grid-tile-size) * 6);
  13. overflow-y: auto;
  14. overflow-x: hidden;
  15. & .ck-character-grid__tile {
  16. width: var(--ck-character-grid-tile-size);
  17. height: var(--ck-character-grid-tile-size);
  18. min-width: var(--ck-character-grid-tile-size);
  19. min-height: var(--ck-character-grid-tile-size);
  20. padding: 0;
  21. transition: .2s ease box-shadow;
  22. border: 0;
  23. &:focus:not( .ck-disabled ),
  24. &:hover:not( .ck-disabled ) {
  25. /* Disable the default .ck-button's border ring. */
  26. border: 0;
  27. box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
  28. }
  29. /* Make sure the glyph is rendered in the center of the button */
  30. & .ck-button__label {
  31. line-height: inherit;
  32. width: 100%;
  33. text-align: center;
  34. }
  35. }
  36. }