inserttable.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. /*
  2. * Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. :root {
  6. --ck-insert-table-dropdown-padding: 10px;
  7. --ck-insert-table-dropdown-box-height: 11px;
  8. --ck-insert-table-dropdown-box-width: 12px;
  9. --ck-insert-table-dropdown-box-margin: 1px;
  10. --ck-insert-table-dropdown-box-border-color: hsl(0, 0%, 75%);
  11. --ck-insert-table-dropdown-box-border-active-color: hsl(208, 73%, 61%);
  12. --ck-insert-table-dropdown-box-active-background: hsl(208, 100%, 89%);
  13. }
  14. .ck .ck-insert-table-dropdown__grid {
  15. display: flex;
  16. flex-direction: row;
  17. flex-wrap: wrap;
  18. /* The width of a container should match 10 items in a row so there will be a 10x10 grid. */
  19. width: calc(var(--ck-insert-table-dropdown-box-width) * 10 + var(--ck-insert-table-dropdown-box-margin) * 20 + var(--ck-insert-table-dropdown-padding) * 2);
  20. padding: var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0;
  21. }
  22. .ck .ck-insert-table-dropdown__label {
  23. text-align: center;
  24. }
  25. .ck .ck-insert-table-dropdown-grid-box {
  26. width: var(--ck-insert-table-dropdown-box-width);
  27. height: var(--ck-insert-table-dropdown-box-height);
  28. margin: var(--ck-insert-table-dropdown-box-margin);
  29. border: 1px solid var(--ck-insert-table-dropdown-box-border-color);
  30. border-radius: 1px;
  31. &.ck-on {
  32. border-color: var(--ck-insert-table-dropdown-box-border-active-color);
  33. background: var(--ck-insert-table-dropdown-box-active-background);
  34. }
  35. }