fontcolor.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. /*
  2. * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. :root {
  6. --grid-size: 25px;
  7. --grid-columns-max: 5;
  8. }
  9. .ck-color-table div.ck-color-table__grid-container {
  10. display: grid;
  11. grid-template-columns: repeat( var(--grid-columns-max), 1fr);
  12. grid-gap: 5px;
  13. padding: 10px;
  14. }
  15. .ck-color-table__grid-container span.ck-color-table__color-tile {
  16. width: var(--grid-size);
  17. height: var(--grid-size);
  18. border-radius: 3px;
  19. cursor: pointer;
  20. transition: 300ms ease all;
  21. }
  22. .ck-color-table__grid-container span.ck-color-table__color-tile.ck-color-table__color-tile_bordered {
  23. box-shadow: 0 0 1px hsl( 0,0%,60%);
  24. }
  25. .ck-color-table__grid-container span.ck-color-table__color-tile:hover {
  26. box-shadow: 0 0 0 2px hsl(184, 80%, 50%);
  27. }
  28. .ck-color-table button.ck-color-table__remove-color svg {
  29. width: 24px;
  30. margin-right: 10px;
  31. }
  32. .ck-color-table button.ck-color-table__remove-color {
  33. display: flex;
  34. align-items: center;
  35. text-align: left;
  36. font-size: 16px;
  37. border: 0;
  38. width: 100%;
  39. border-bottom: 1px solid hsl(0, 0%, 87%);
  40. padding: 10px;
  41. cursor: pointer;
  42. }