@ckeditor/ckeditor5-document-outline 47.6.1 → 48.0.0-alpha.0

package/dist/index.css

@@ -2,200 +2,171 @@
  * @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
  */
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * 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-document-outline-padding: var(--ck-spacing-large);
-	--ck-document-outline-base-font-size: .875em;
-	--ck-document-outline-placeholder-color: var(--ck-color-engine-placeholder-text);
-
-	--ck-document-outline-indent-level-1: 0;
-	--ck-document-outline-indent-level-2: 1.5em;
-	--ck-document-outline-indent-level-3: 3em;
-	--ck-document-outline-indent-level-4: 4.5em;
-	--ck-document-outline-indent-level-5: 6em;
-	--ck-document-outline-indent-level-6: 7.5em;
-
-	--ck-document-outline-item-padding: var(--ck-spacing-small);
-	--ck-document-outline-item-active-color: var(--ck-color-base-active);
-	--ck-document-outline-item-default-color: hsl(0, 0%, 26%);
-	--ck-document-outline-item-hover-state-color: var(--ck-color-base-text);
+  --ck-document-outline-padding: var(--ck-spacing-large);
+  --ck-document-outline-base-font-size: .875em;
+  --ck-document-outline-placeholder-color: var(--ck-color-engine-placeholder-text);
+  --ck-document-outline-indent-level-1: 0;
+  --ck-document-outline-indent-level-2: 1.5em;
+  --ck-document-outline-indent-level-3: 3em;
+  --ck-document-outline-indent-level-4: 4.5em;
+  --ck-document-outline-indent-level-5: 6em;
+  --ck-document-outline-indent-level-6: 7.5em;
+  --ck-document-outline-item-padding: var(--ck-spacing-small);
+  --ck-document-outline-item-active-color: var(--ck-color-base-active);
+  --ck-document-outline-item-default-color: #424242;
+  --ck-document-outline-item-hover-state-color: var(--ck-color-base-text);
 }
 
 .ck.ck-document-outline {
-	padding: var(--ck-document-outline-padding);
-	font-size: var(--ck-document-outline-base-font-size);
-	user-select: none;
+  padding: var(--ck-document-outline-padding);
+  font-size: var(--ck-document-outline-base-font-size);
+  user-select: none;
 }
 
-.ck.ck-document-outline:empty::before {
-		content: attr(data-document-outline-empty-placeholder);
-		display: inline-block;
-		color: var(--ck-document-outline-placeholder-color);
-	}
+.ck.ck-document-outline:empty:before {
+  content: attr(data-document-outline-empty-placeholder);
+  color: var(--ck-document-outline-placeholder-color);
+  display: inline-block;
+}
 
 .ck.ck-document-outline .ck-document-outline__item {
-		padding: var(--ck-document-outline-item-padding);
-		color: var(--ck-document-outline-item-default-color);
-		white-space: nowrap;
-		text-overflow: ellipsis;
-		overflow: hidden;
-		cursor: pointer;
-	}
+  padding: var(--ck-document-outline-item-padding);
+  color: var(--ck-document-outline-item-default-color);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
+  overflow: hidden;
+}
 
 .ck.ck-document-outline .ck-document-outline__item.ck-document-outline__item_empty {
-			font-style: italic;
-		}
+  font-style: italic;
+}
 
-.ck.ck-document-outline .ck-document-outline__item.ck-document-outline__item_empty:hover,
-		.ck.ck-document-outline .ck-document-outline__item:hover {
-			color: var(--ck-document-outline-item-hover-state-color);
-			text-decoration: underline;
-		}
+.ck.ck-document-outline .ck-document-outline__item.ck-document-outline__item_empty:hover, .ck.ck-document-outline .ck-document-outline__item:hover {
+  color: var(--ck-document-outline-item-hover-state-color);
+  text-decoration: underline;
+}
 
 .ck.ck-document-outline .ck-document-outline__item.ck-document-outline__item_active {
-			color: var(--ck-document-outline-item-active-color);
-		}
+  color: var(--ck-document-outline-item-active-color);
+}
 
 .ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-1 {
-		padding-left: var(--ck-document-outline-indent-level-1);
-	}
+  padding-left: var(--ck-document-outline-indent-level-1);
+}
 
 .ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-2 {
-		padding-left: var(--ck-document-outline-indent-level-2);
-	}
+  padding-left: var(--ck-document-outline-indent-level-2);
+}
 
 .ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-3 {
-		padding-left: var(--ck-document-outline-indent-level-3);
-	}
+  padding-left: var(--ck-document-outline-indent-level-3);
+}
 
 .ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-4 {
-		padding-left: var(--ck-document-outline-indent-level-4);
-	}
+  padding-left: var(--ck-document-outline-indent-level-4);
+}
 
 .ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-5 {
-		padding-left: var(--ck-document-outline-indent-level-5);
-	}
+  padding-left: var(--ck-document-outline-indent-level-5);
+}
 
 .ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-6 {
-		padding-left: var(--ck-document-outline-indent-level-6);
-	}
+  padding-left: var(--ck-document-outline-indent-level-6);
+}
 
 .ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-1 {
-		padding-right: var(--ck-document-outline-indent-level-1);
-	}
+  padding-right: var(--ck-document-outline-indent-level-1);
+}
 
 .ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-2 {
-		padding-right: var(--ck-document-outline-indent-level-2);
-	}
+  padding-right: var(--ck-document-outline-indent-level-2);
+}
 
 .ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-3 {
-		padding-right: var(--ck-document-outline-indent-level-3);
-	}
+  padding-right: var(--ck-document-outline-indent-level-3);
+}
 
 .ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-4 {
-		padding-right: var(--ck-document-outline-indent-level-4);
-	}
+  padding-right: var(--ck-document-outline-indent-level-4);
+}
 
 .ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-5 {
-		padding-right: var(--ck-document-outline-indent-level-5);
-	}
+  padding-right: var(--ck-document-outline-indent-level-5);
+}
 
 .ck.ck-document-outline[dir="rtl"] .ck-document-outline__item.ck-document-outline__item_level-6 {
-		padding-right: var(--ck-document-outline-indent-level-6);
-	}
-
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * 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
- */
-
-/*
- * 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
- */
+  padding-right: var(--ck-document-outline-indent-level-6);
+}
 
 :root {
-	--ck-content-table-of-contents-padding: 1em;
-	--ck-content-table-of-contents-line-height: 1.5;
-	--ck-content-table-of-contents-items-start-padding: 24px;
-	--ck-table-of-contents-border-color: var(--ck-color-base-border);
-	--ck-table-of-contents-label-background-color: hsl(0, 0%, 46%);
-	--ck-table-of-contents-background-color: var(--ck-color-base-foreground);
+  --ck-content-table-of-contents-padding: 1em;
+  --ck-content-table-of-contents-line-height: 1.5;
+  --ck-content-table-of-contents-items-start-padding: 24px;
+  --ck-table-of-contents-border-color: var(--ck-color-base-border);
+  --ck-table-of-contents-label-background-color: #757575;
+  --ck-table-of-contents-background-color: var(--ck-color-base-foreground);
 }
 
 .ck-content .table-of-contents {
-		margin: 0.9em auto;
-	}
+  margin: .9em auto;
+}
 
 .ck-content .table-of-contents.table-of-contents_empty {
-			display: none;
-		}
+  display: none;
+}
 
 .ck-content .table-of-contents .table-of-contents__placeholder {
-			margin: 0;
-			padding: var(--ck-content-table-of-contents-padding);
-			font-style: italic;
-		}
+  padding: var(--ck-content-table-of-contents-padding);
+  margin: 0;
+  font-style: italic;
+}
 
 .ck-content .table-of-contents > ol {
-			padding: var(--ck-content-table-of-contents-padding);
-		}
+  padding: var(--ck-content-table-of-contents-padding);
+}
 
 .ck-content .table-of-contents ol {
-			margin: 0;
-			line-height: var(--ck-content-table-of-contents-line-height);
-			list-style-type: none;
-		}
+  line-height: var(--ck-content-table-of-contents-line-height);
+  margin: 0;
+  list-style-type: none;
+}
 
 .ck-content .table-of-contents ol ol {
-				padding-inline-start: var(--ck-content-table-of-contents-items-start-padding);
-			}
+  padding-inline-start: var(--ck-content-table-of-contents-items-start-padding);
+}
 
 .ck-content .table-of-contents ol li {
-				white-space: nowrap;
-				text-overflow: ellipsis;
-				overflow: hidden;
-				cursor: default;
-			}
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: default;
+  overflow: hidden;
+}
 
 .ck-editor__editable .ck-widget.table-of-contents {
-	position: relative;
-	background-color: var(--ck-table-of-contents-background-color);
-	border: 1px solid var(--ck-table-of-contents-border-color);
-	/* Necessary to render properly next to floated objects, e.g. side image case. */
-	display: flow-root;
-	min-width: 15em;
-}
-
-.ck-editor__editable .ck-widget.table-of-contents[data-table-of-contents-label]::after {
-		content: attr(data-table-of-contents-label);
-
-		position: absolute;
-		top: -1px;
-		right: 10px;
-		padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
-		background-color: var(--ck-table-of-contents-label-background-color);
-
-		font-size: 10px;
-		font-family: var(--ck-font-face);
-		line-height: 16px;
-		color: hsl(0, 0%, 100%);
-		white-space: nowrap;
-	}
-
-[dir="rtl"] .ck-editor__editable .ck-widget.table-of-contents[data-table-of-contents-label]::after {
-			left: 10px;
-			right: auto;
-	}
+  background-color: var(--ck-table-of-contents-background-color);
+  border: 1px solid var(--ck-table-of-contents-border-color);
+  min-width: 15em;
+  display: flow-root;
+  position: relative;
+}
+
+.ck-editor__editable .ck-widget.table-of-contents[data-table-of-contents-label]:after {
+  content: attr(data-table-of-contents-label);
+  padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
+  background-color: var(--ck-table-of-contents-label-background-color);
+  font-size: 10px;
+  font-family: var(--ck-font-face);
+  color: #fff;
+  white-space: nowrap;
+  line-height: 16px;
+  position: absolute;
+  top: -1px;
+  right: 10px;
+}
+
+[dir="rtl"] :is(.ck-editor__editable .ck-widget.table-of-contents[data-table-of-contents-label]:after) {
+  left: 10px;
+  right: auto;
+}