@ckeditor/ckeditor5-table
Version:
Table feature for CKEditor 5.
134 lines (109 loc) • 5.21 kB
CSS
/**
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
*/
:root {
--ck-content-table-style-spacing: 1.5em;
--ck-content-color-table-caption-background: #f7f7f7;
--ck-content-color-table-caption-text: #333;
}
.ck-content .table th {
text-align: start;
}
.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: .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 #b3b3b3;
}
:is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > th {
background: #0000000d;
font-weight: bold;
}
:is(:is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > td, :is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > th) > p:first-of-type {
margin-top: 0;
}
:is(:is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > td, :is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > th) > p:last-of-type {
margin-bottom: 0;
}
:is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > td, :is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > th {
border: 1px solid #bfbfbf;
min-width: 2em;
padding: .4em;
}
@media print {
.ck-content figure.table:not(.layout-table) {
width: fit-content;
height: fit-content;
}
.ck-content figure.table:not(.layout-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;
}
.ck-content .table.table-style-align-left {
float: left;
margin-right: var(--ck-content-table-style-spacing);
}
.ck-content .table.table-style-align-right {
float: right;
margin-left: var(--ck-content-table-style-spacing);
}
.ck-content .table.table-style-align-center {
margin-left: auto;
margin-right: auto;
}
.ck-content .table.table-style-block-align-left {
margin-left: 0;
margin-right: auto;
}
.ck-content .table.table-style-block-align-right {
margin-left: auto;
margin-right: 0;
}
.ck-content .table > figcaption, .ck-content figure.table > table > caption {
caption-side: top;
word-break: normal;
overflow-wrap: anywhere;
text-align: center;
color: var(--ck-content-color-table-caption-text);
background-color: var(--ck-content-color-table-caption-background);
outline-offset: -1px;
padding: .6em;
font-size: .75em;
display: table-caption;
}
@media (forced-colors: active) {
.ck-content .table > figcaption, .ck-content figure.table > table > caption {
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;
}
/*# sourceMappingURL=index-content.css.map */