fontcolor.css 1.1 KB

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