UNPKG

@ckeditor/ckeditor5-table

Version:

Table feature for CKEditor 5.

96 lines (84 loc) 2.64 kB
/** * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options */ .ck-content[dir="rtl"] .table th{ text-align:right; } .ck-content[dir="ltr"] .table th{ text-align:left; } .ck-content figure.table:not(.layout-table){ display:table; } .ck-content figure.table:not(.layout-table) > table{ width:100%; height:100%; } .ck-content .table:not(.layout-table){ margin:0.9em auto; } .ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table{ border-collapse:collapse; border-spacing:0; border:1px double hsl(0, 0%, 70%); } .ck-content table.table:not(.layout-table) > thead > tr > th, .ck-content figure.table:not(.layout-table) > table > thead > tr > th, .ck-content table.table:not(.layout-table) > tbody > tr > th, .ck-content figure.table:not(.layout-table) > table > tbody > tr > th{ font-weight:bold; background:hsla(0, 0%, 0%, 5%); } .ck-content table.table:not(.layout-table) > thead > tr > td, .ck-content figure.table:not(.layout-table) > table > thead > tr > td, .ck-content table.table:not(.layout-table) > tbody > tr > td, .ck-content figure.table:not(.layout-table) > table > tbody > tr > td, .ck-content table.table:not(.layout-table) > thead > tr > th, .ck-content figure.table:not(.layout-table) > table > thead > tr > th, .ck-content table.table:not(.layout-table) > tbody > tr > th, .ck-content figure.table:not(.layout-table) > table > tbody > tr > th{ min-width:2em; padding:.4em; border:1px solid hsl(0, 0%, 75%); } @media print{ .ck-content figure.table > table{ height:initial; } } .ck-content table.table.layout-table, .ck-content figure.table.layout-table{ margin-top:0; margin-bottom:0; } .ck-content table.table.layout-table, .ck-content figure.table.layout-table > table{ border-spacing:0; } :root{ --ck-color-selector-caption-background:hsl(0, 0%, 97%); --ck-color-selector-caption-text:hsl(0, 0%, 20%); } .ck-content .table > figcaption{ display:table-caption; caption-side:top; word-break:break-word; text-align:center; color:var(--ck-color-selector-caption-text); background-color:var(--ck-color-selector-caption-background); padding:.6em; font-size:.75em; outline-offset:-1px; } @media (forced-colors: active){ .ck-content .table > figcaption{ background-color:unset; color:unset; } } .ck-content .table .ck-table-resized{ table-layout:fixed; } .ck-content .table td, .ck-content .table th{ overflow-wrap:break-word; }