@ckeditor/ckeditor5-table 47.6.1 → 48.0.0-alpha.0

package/dist/index-content.css

@@ -3,143 +3,133 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 .ck-content .table th{
-		text-align:start;
-	}
+  text-align:start;
+}
 
 .ck-content[dir="rtl"] .table th{
-		text-align:right;
-	}
+  text-align:right;
+}
 
 .ck-content[dir="ltr"] .table th{
-		text-align:left;
-	}
+  text-align:left;
+}
 
 .ck-content figure.table:not(.layout-table){
-		display:table;
-	}
+  display:table;
+}
 
 .ck-content figure.table:not(.layout-table) > table{
-			width:100%;
-			height:100%;
-		}
+  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:0.4em;
-					border:1px solid hsl(0, 0%, 75%);
-				}
-
-.ck-content table.table:not(.layout-table) > thead > tr > td > p:first-of-type, .ck-content figure.table:not(.layout-table) > table > thead > tr > td > p:first-of-type, .ck-content table.table:not(.layout-table) > tbody > tr > td > p:first-of-type, .ck-content figure.table:not(.layout-table) > table > tbody > tr > td > p:first-of-type, .ck-content table.table:not(.layout-table) > thead > tr > th > p:first-of-type, .ck-content figure.table:not(.layout-table) > table > thead > tr > th > p:first-of-type, .ck-content table.table:not(.layout-table) > tbody > tr > th > p:first-of-type, .ck-content figure.table:not(.layout-table) > table > tbody > tr > th > p:first-of-type{
-						margin-top:0;
-					}
-
-.ck-content table.table:not(.layout-table) > thead > tr > td > p:last-of-type, .ck-content figure.table:not(.layout-table) > table > thead > tr > td > p:last-of-type, .ck-content table.table:not(.layout-table) > tbody > tr > td > p:last-of-type, .ck-content figure.table:not(.layout-table) > table > tbody > tr > td > p:last-of-type, .ck-content table.table:not(.layout-table) > thead > tr > th > p:last-of-type, .ck-content figure.table:not(.layout-table) > table > thead > tr > th > p:last-of-type, .ck-content table.table:not(.layout-table) > tbody > tr > th > p:last-of-type, .ck-content figure.table:not(.layout-table) > table > tbody > tr > th > p:last-of-type{
-						margin-bottom:0;
-					}
+  margin:.9em auto;
+}
 
-@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:not(.layout-table), .ck-content figure.table:not(.layout-table) > table{
+  border-collapse:collapse;
+  border-spacing:0;
+  border:1px double #b3b3b3;
+}
 
-:root{
-	--ck-content-color-table-caption-background:hsl(0, 0%, 97%);
-	--ck-content-color-table-caption-text:hsl(0, 0%, 20%);
-}
-.ck-content .table > figcaption,
-.ck-content figure.table > table > caption{
-	display: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);
-	padding:.6em;
-	font-size:.75em;
-	outline-offset:-1px;
+: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;
 }
-@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;
+: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;
 }
 
-.ck-content .table td,
-.ck-content .table th{
-	overflow-wrap:break-word;
+: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;
 }
 
 :root{
-	--ck-content-table-style-spacing:1.5em;
+  --ck-content-table-style-spacing:1.5em;
 }
 
 .ck-content .table.table-style-align-left{
-			float:left;
-			margin-right:var(--ck-content-table-style-spacing);
-		}
+  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);
-		}
+  float:right;
+  margin-left:var(--ck-content-table-style-spacing);
+}
 
 .ck-content .table.table-style-align-center{
-			margin-left:auto;
-			margin-right:auto;
-		}
+  margin-left:auto;
+  margin-right:auto;
+}
 
 .ck-content .table.table-style-block-align-left{
-			margin-left:0;
-			margin-right:auto;
-		}
+  margin-left:0;
+  margin-right:auto;
+}
 
 .ck-content .table.table-style-block-align-right{
-			margin-left:auto;
-			margin-right:0;
-		}
+  margin-left:auto;
+  margin-right:0;
+}
+
+:root{
+  --ck-content-color-table-caption-background:#f7f7f7;
+  --ck-content-color-table-caption-text:#333;
+}
+
+.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;
+}