8
0

charactergrid.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  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. }
  16. .ck.ck-character-grid__tile {
  17. width: var(--ck-character-grid-tile-size);
  18. height: var(--ck-character-grid-tile-size);
  19. min-width: var(--ck-character-grid-tile-size);
  20. min-height: var(--ck-character-grid-tile-size);
  21. padding: 0;
  22. transition: .2s ease box-shadow;
  23. border: 0;
  24. &:focus:not( .ck-disabled ),
  25. &:hover:not( .ck-disabled ) {
  26. /* Disable the default .ck-button's border ring. */
  27. border: 0;
  28. }
  29. &:focus:not( .ck-disabled ),
  30. &:hover:not( .ck-disabled ) {
  31. box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
  32. }
  33. /* Make sure the glyph is rendered in the center of the button */
  34. & .ck-button__label {
  35. line-height: inherit;
  36. }
  37. }