@ckeditor/ckeditor5-table
Version:
Table feature for CKEditor 5.
96 lines (84 loc) • 2.64 kB
CSS
/**
* @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;
}