8
0

table.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. /*
  2. * Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. :root {
  6. --ck-color-table-focused-th-background: hsla(0, 0%, 0%, 10%);
  7. }
  8. .ck-content .table {
  9. /* Give the table widget some air and center it horizontally */
  10. margin: 1em auto;
  11. display: table;
  12. & table {
  13. /* The table cells should have slight borders */
  14. border-collapse: collapse;
  15. border-spacing: 0;
  16. /* Table width and height are set on the parent <figure>. Make sure the table inside stretches
  17. to the full dimensions of the container (https://github.com/ckeditor/ckeditor5/issues/6186). */
  18. width: 100%;
  19. height: 100%;
  20. /* The outer border of the table should be slightly darker than the inner lines.
  21. Also see https://github.com/ckeditor/ckeditor5-table/issues/50. */
  22. border: 1px double hsl(0, 0%, 70%);
  23. & td,
  24. & th {
  25. min-width: 2em;
  26. padding: .4em;
  27. border-color: hsl(0, 0%, 75%);
  28. }
  29. & th {
  30. font-weight: bold;
  31. background: var(--ck-color-table-focused-th-background);
  32. }
  33. }
  34. }