@ckeditor/ckeditor5-table 47.2.0-alpha.7 → 47.3.0-alpha.0

package/theme/tableproperties-experimental.css

@@ -0,0 +1,78 @@
+/*
+ * 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
+ */
+
+:root {
+	--ck-content-table-style-spacing: 1.5em;
+}
+
+.ck.ck-table-properties-form {
+	& .ck-form__row {
+		&.ck-table-properties-form__alignment-row {
+			flex-wrap: wrap;
+			flex-basis: 0;
+			align-content: baseline;
+
+			& .ck.ck-toolbar .ck-toolbar__items {
+				flex-wrap: nowrap;
+			}
+		}
+	}
+}
+
+.ck-content {
+	& .table {
+		&.table-style-align-left {
+			float: left;
+			margin-right: var(--ck-content-table-style-spacing);
+		}
+
+		&.table-style-align-right {
+			float: right;
+			margin-left: var(--ck-content-table-style-spacing);
+		}
+
+		&.table-style-align-center {
+			margin-left: auto;
+			margin-right: auto;
+		}
+
+		&.table-style-block-align-left {
+			margin-left: 0;
+			margin-right: auto;
+		}
+
+		&.table-style-block-align-right {
+			margin-left: auto;
+			margin-right: 0;
+		}
+	}
+}
+
+.ck-editor__editable {
+	& .table.layout-table {
+		&.table-style-align-center {
+			margin-left: auto;
+			margin-right: auto;
+		}
+
+		&.table-style-align-left {
+			margin-right: var(--ck-content-table-style-spacing);
+		}
+
+		&.table-style-align-right {
+			margin-left: var(--ck-content-table-style-spacing);
+		}
+
+		&.table-style-block-align-left {
+			margin-left: 0;
+			margin-right: auto;
+		}
+
+		&.table-style-block-align-right {
+			margin-left: auto;
+			margin-right: 0;
+		}
+	}
+}