@ckeditor/ckeditor5-footnotes 0.0.0-nightly-20251021.0 → 0.0.0-nightly-20251023.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -10,10 +10,10 @@
10
10
  @import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
11
11
 
12
12
  :root {
13
- --ck-footnotes-list-widget-label-background-color: hsl(0, 0%, 46%);
14
13
  --ck-content-footnotes-list-background-color: none;
15
14
  --ck-content-footnotes-list-separator-color: hsl(0, 0%, 0%);
16
15
  --ck-content-footnote-font-size: var(--ck-content-font-size-small);
16
+ --ck-footnotes-widget-label-background-color: hsl(0, 0%, 46%);
17
17
  }
18
18
 
19
19
  /* Content styles */
@@ -24,26 +24,30 @@
24
24
 
25
25
  & .footnotes {
26
26
  position: relative;
27
- margin: 1.9em 0 1.5em;
28
- padding-inline-start: 3em;
27
+ margin: 0.9em 0 1.5em;
29
28
  font-size: var(--ck-content-footnote-font-size);
30
29
  background-color: var(--ck-content-footnotes-list-background-color);
30
+ }
31
31
 
32
- &::before {
33
- content: '';
34
- position: absolute;
35
- top: -1em;
36
- left: 0;
37
- border-top: 1px solid var(--ck-content-footnotes-list-separator-color);
38
- width: min(30%, 350px);
39
-
40
- @mixin ck-dir rtl {
41
- left: auto;
42
- right: 0;
43
- }
32
+ & .footnotes-divider {
33
+ border: none;
34
+ border-top: 1px solid var(--ck-content-footnotes-list-separator-color);
35
+ width: min(30%, 350px);
36
+ margin: 0 0 1em 0;
37
+ height: 1px;
38
+ background: none;
39
+
40
+ @mixin ck-dir rtl {
41
+ margin-left: auto;
42
+ margin-right: 0;
44
43
  }
45
44
  }
46
45
 
46
+ & .footnotes-list {
47
+ padding-inline-start: 3em;
48
+ margin: 0;
49
+ }
50
+
47
51
  & .footnote-backlink {
48
52
  display: inline-block;
49
53
  margin-inline-end: 1ch;
@@ -106,11 +110,7 @@
106
110
 
107
111
  /* Editing styles */
108
112
  .ck.ck-editor__editable {
109
- & .footnote > a {
110
- pointer-events: none;
111
- }
112
-
113
- & .footnotes-wrapper {
113
+ & .footnotes.ck-widget {
114
114
  /* Necessary to render properly next to floated objects, e.g. side image case. */
115
115
  display: flow-root;
116
116
  position: relative;
@@ -127,7 +127,7 @@
127
127
  top: -1px;
128
128
  right: 10px;
129
129
  padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
130
- background-color: var(--ck-footnotes-list-widget-label-background-color);
130
+ background-color: var(--ck-footnotes-widget-label-background-color);
131
131
 
132
132
  font-size: 10px;
133
133
  font-family: var(--ck-font-face);
@@ -140,10 +140,18 @@
140
140
  right: auto;
141
141
  }
142
142
  }
143
+ }
143
144
 
144
- & > .footnotes {
145
- margin-top: 1em;
146
- margin-bottom: 0.65em;
147
- }
145
+ & .footnote > a {
146
+ pointer-events: none;
147
+ }
148
+
149
+ & .footnotes-divider {
150
+ margin-top: 0;
151
+ }
152
+
153
+ & .footnotes-list {
154
+ margin-top: 0;
155
+ margin-bottom: 0.65em;
148
156
  }
149
157
  }