table.css
Same filename in this branch
Same filename in other branches
User generated tables.
File
-
core/
themes/ olivero/ css/ components/ table.css
View source
- /*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
- /**
- * @file
- * User generated tables.
- */
-
- .text-content table,
- .views-table,
- .draggable-table {
- margin-block-start: var(--sp2);
- margin-block-end: var(--sp2);
- border-spacing: 0;
- color: var(--color-text-neutral-medium);
- border: 0;
- border-collapse: collapse;
- font-family: var(--font-sans);
- font-size: 1rem;
- line-height: var(--sp1-5);
- }
-
- :is(.text-content table, .views-table, .draggable-table) caption {
- margin-block-end: var(--sp1);
- text-align: start;
- color: var(--color-text-neutral-medium);
- font-family: var(--font-serif);
- font-size: 0.875rem;
- font-style: italic;
- line-height: var(--sp);
- }
-
- :is(.text-content table, .views-table, .draggable-table) tr:last-child td {
- border-block-end: 0;
- }
-
- :is(.text-content table, .views-table, .draggable-table) td,
- :is(.text-content table, .views-table, .draggable-table) th {
- padding-block: var(--sp1);
- padding-inline-start: 0;
- padding-inline-end: var(--sp1);
- vertical-align: top;
- }
-
- :is(.text-content table, .views-table, .draggable-table) th {
- margin-block: 0;
- margin-inline-start: 0;
- margin-inline-end: 0;
- text-align: start;
- letter-spacing: 0.02em;
- color: var(--color-text-neutral-loud);
- border-block-end: 2px solid var(--color--primary-50);
- font-family: var(--font-sans);
- font-size: 0.875rem;
- line-height: var(--sp);
- }
-
- :is(.text-content table, .views-table, .draggable-table) td {
- white-space: normal;
- border-block-end: 2px solid var(--color--gray-65);
- }
-
- :is(.text-content table, .views-table, .draggable-table) th.checkbox,
- :is(.text-content table, .views-table, .draggable-table) td.checkbox {
- text-align: center;
- }
-
- .draggable-table {
- width: 100%;
- }
-
- .draggable-table .form-item {
- margin-top: 0;
- }
-
- .text-content table td,
- .text-content table th {
- vertical-align: middle;
- }
-
- .tablesort {
- vertical-align: middle;
- }
-
- .sticky-header {
- z-index: 0;
- margin: 0;
- border-block-end: 0.25rem solid var(--color--primary-50);
- }
-
- /* Properly align VBO checkboxes. */
-
- .views-field-node-bulk-form .form-item {
- margin: 0;
- }
Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.