table.css

Same filename in this branch
  1. 11.x core/misc/dialog/off-canvas/css/table.css
  2. 11.x core/modules/ckeditor5/css/table.css
Same filename in other branches
  1. 9 core/themes/olivero/css/components/table.css
  2. 9 core/themes/bartik/css/components/table.css
  3. 8.9.x core/themes/bartik/css/components/table.css
  4. 10 core/misc/dialog/off-canvas/css/table.css
  5. 10 core/themes/olivero/css/components/table.css
  6. 10 core/modules/ckeditor5/css/table.css

User generated tables.

File

core/themes/olivero/css/components/table.css

View source
  1. /*
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/3084859
  5. * @preserve
  6. */
  7. /**
  8. * @file
  9. * User generated tables.
  10. */
  11. .text-content table,
  12. .views-table,
  13. .draggable-table {
  14. margin-block-start: var(--sp2);
  15. margin-block-end: var(--sp2);
  16. border-spacing: 0;
  17. color: var(--color-text-neutral-medium);
  18. border: 0;
  19. border-collapse: collapse;
  20. font-family: var(--font-sans);
  21. font-size: 1rem;
  22. line-height: var(--sp1-5);
  23. }
  24. :is(.text-content table, .views-table, .draggable-table) caption {
  25. margin-block-end: var(--sp1);
  26. text-align: start;
  27. color: var(--color-text-neutral-medium);
  28. font-family: var(--font-serif);
  29. font-size: 0.875rem;
  30. font-style: italic;
  31. line-height: var(--sp);
  32. }
  33. :is(.text-content table, .views-table, .draggable-table) tr:last-child td {
  34. border-block-end: 0;
  35. }
  36. :is(.text-content table, .views-table, .draggable-table) td,
  37. :is(.text-content table, .views-table, .draggable-table) th {
  38. padding-block: var(--sp1);
  39. padding-inline-start: 0;
  40. padding-inline-end: var(--sp1);
  41. vertical-align: top;
  42. }
  43. :is(.text-content table, .views-table, .draggable-table) th {
  44. margin-block: 0;
  45. margin-inline-start: 0;
  46. margin-inline-end: 0;
  47. text-align: start;
  48. letter-spacing: 0.02em;
  49. color: var(--color-text-neutral-loud);
  50. border-block-end: 2px solid var(--color--primary-50);
  51. font-family: var(--font-sans);
  52. font-size: 0.875rem;
  53. line-height: var(--sp);
  54. }
  55. :is(.text-content table, .views-table, .draggable-table) td {
  56. white-space: normal;
  57. border-block-end: 2px solid var(--color--gray-65);
  58. }
  59. :is(.text-content table, .views-table, .draggable-table) th.checkbox,
  60. :is(.text-content table, .views-table, .draggable-table) td.checkbox {
  61. text-align: center;
  62. }
  63. .draggable-table {
  64. width: 100%;
  65. }
  66. .draggable-table .form-item {
  67. margin-top: 0;
  68. }
  69. .text-content table td,
  70. .text-content table th {
  71. vertical-align: middle;
  72. }
  73. .tablesort {
  74. vertical-align: middle;
  75. }
  76. .sticky-header {
  77. z-index: 0;
  78. margin: 0;
  79. border-block-end: 0.25rem solid var(--color--primary-50);
  80. }
  81. /* Properly align VBO checkboxes. */
  82. .views-field-node-bulk-form .form-item {
  83. margin: 0;
  84. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.