fontcolor.css 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. /*
  2. * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. :root {
  6. --ck-table-color-tile-size: 20px;
  7. --ck-table-color-max-columns: 5;
  8. --ck-table-color-padding: 10px;
  9. --ck-color-table-color-tile-border: hsl(0, 0%, 90%);
  10. --ck-color-table-color-tile-border-active: hsl(184, 80%, 50%);
  11. }
  12. .ck .ck-color-table__grid-container {
  13. display: grid;
  14. grid-template-columns: repeat( var(--ck-table-color-max-columns), 1fr);
  15. grid-gap: calc( var(--ck-table-color-padding) / 2 );
  16. padding: var(--ck-table-color-padding);
  17. }
  18. .ck .ck-color-table__color-tile {
  19. width: var(--ck-table-color-tile-size);
  20. height: var(--ck-table-color-tile-size);
  21. min-width: var(--ck-table-color-tile-size);
  22. min-height: var(--ck-table-color-tile-size);
  23. border-radius: var(--ck-border-radius);
  24. cursor: pointer;
  25. transition: 200ms ease box-shadow;
  26. }
  27. .ck .ck-disabled.ck-color-table__color-tile {
  28. cursor: unset;
  29. transition: unset;
  30. }
  31. .ck .ck-color-table__color-tile_bordered {
  32. box-shadow: 0 0 0 1px var(--ck-color-table-color-tile-border);
  33. }
  34. .ck .ck-color-table__color-tile:hover:not( .ck-disabled ) {
  35. box-shadow: 0 0 0 2px var(--ck-color-table-color-tile-border-active);
  36. }
  37. /* If we change it to list element this CSS will be obsolete. */
  38. .ck .ck-button.ck-color-table__remove-color {
  39. display: flex;
  40. align-items: center;
  41. width: 100%;
  42. border-bottom: 1px solid var(--ck-color-base-border);
  43. padding: calc(var(--ck-table-color-padding) / 2 ) var(--ck-table-color-padding);
  44. }
  45. .ck .ck-button.ck-button_with-text.ck-color-table__remove-color svg {
  46. width: var(--ck-table-color-tile-size);
  47. margin-right: var(--ck-spacing-large);
  48. }
  49. .ck .ck-color-table__remove-color {
  50. cursor: pointer;
  51. }