table.css

Same filename in this branch
  1. 10 core/misc/dialog/off-canvas/css/table.css
  2. 10 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. 11.x core/misc/dialog/off-canvas/css/table.css
  5. 11.x core/themes/olivero/css/components/table.css
  6. 11.x 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. .forum table,
  12. .text-content table,
  13. .views-table,
  14. .draggable-table {
  15. margin-block-start: var(--sp2);
  16. margin-block-end: var(--sp2);
  17. border-spacing: 0;
  18. color: var(--color-text-neutral-medium);
  19. border: 0;
  20. border-collapse: collapse;
  21. font-family: var(--font-sans);
  22. font-size: 1rem;
  23. line-height: var(--sp1-5);
  24. }
  25. :is(.forum table, .text-content table, .views-table, .draggable-table) caption {
  26. margin-block-end: var(--sp1);
  27. text-align: start;
  28. color: var(--color-text-neutral-medium);
  29. font-family: var(--font-serif);
  30. font-size: 0.875rem;
  31. font-style: italic;
  32. line-height: var(--sp);
  33. }
  34. :is(.forum table, .text-content table, .views-table, .draggable-table) tr:last-child td {
  35. border-block-end: 0;
  36. }
  37. :is(.forum table, .text-content table, .views-table, .draggable-table) td,
  38. :is(.forum table, .text-content table, .views-table, .draggable-table) th {
  39. padding-block: var(--sp1);
  40. padding-inline-start: 0;
  41. padding-inline-end: var(--sp1);
  42. vertical-align: top;
  43. }
  44. :is(.forum table, .text-content table, .views-table, .draggable-table) th {
  45. margin-block: 0;
  46. margin-inline-start: 0;
  47. margin-inline-end: 0;
  48. text-align: start;
  49. letter-spacing: 0.02em;
  50. color: var(--color-text-neutral-loud);
  51. border-block-end: 2px solid var(--color--primary-50);
  52. font-family: var(--font-sans);
  53. font-size: 0.875rem;
  54. line-height: var(--sp);
  55. }
  56. :is(.forum table, .text-content table, .views-table, .draggable-table) td {
  57. white-space: normal;
  58. border-block-end: 2px solid var(--color--gray-65);
  59. }
  60. :is(.forum table, .text-content table, .views-table, .draggable-table) th.checkbox,
  61. :is(.forum table, .text-content table, .views-table, .draggable-table) td.checkbox {
  62. text-align: center;
  63. }
  64. .draggable-table {
  65. width: 100%;
  66. }
  67. .draggable-table .form-item {
  68. margin-top: 0;
  69. }
  70. .text-content table td,
  71. .text-content table th {
  72. vertical-align: middle;
  73. }
  74. .tablesort {
  75. vertical-align: middle;
  76. }
  77. .sticky-header {
  78. z-index: 0;
  79. margin: 0;
  80. border-block-end: 0.25rem solid var(--color--primary-50);
  81. }
  82. /* Properly align VBO checkboxes. */
  83. .views-field-node-bulk-form .form-item {
  84. margin: 0;
  85. }

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