@ckeditor/ckeditor5-theme-lark 0.0.0-nightly-20260129.0 → 0.0.0-nightly-next-20260129.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.
Files changed (116) hide show
  1. package/dist/index-editor.css +80 -216
  2. package/dist/index.css +80 -252
  3. package/dist/index.css.map +1 -1
  4. package/package.json +18 -16
  5. package/theme/ckeditor5-bookmark/bookmark.css +0 -68
  6. package/theme/ckeditor5-bookmark/bookmarkform.css +0 -20
  7. package/theme/ckeditor5-bookmark/bookmarktoolbar.css +0 -27
  8. package/theme/ckeditor5-clipboard/clipboard.css +0 -89
  9. package/theme/ckeditor5-code-block/codeblock.css +0 -28
  10. package/theme/ckeditor5-editor-classic/classiceditor.css +0 -48
  11. package/theme/ckeditor5-engine/placeholder.css +0 -39
  12. package/theme/ckeditor5-find-and-replace/findandreplaceform.css +0 -194
  13. package/theme/ckeditor5-heading/heading.css +0 -15
  14. package/theme/ckeditor5-horizontal-line/horizontalline.css +0 -10
  15. package/theme/ckeditor5-html-embed/htmlembed.css +0 -156
  16. package/theme/ckeditor5-image/imagecustomresizeform.css +0 -22
  17. package/theme/ckeditor5-image/imageinsert.css +0 -66
  18. package/theme/ckeditor5-image/imageupload.css +0 -4
  19. package/theme/ckeditor5-image/imageuploadicon.css +0 -108
  20. package/theme/ckeditor5-image/imageuploadloader.css +0 -50
  21. package/theme/ckeditor5-image/imageuploadprogress.css +0 -33
  22. package/theme/ckeditor5-image/textalternativeform.css +0 -22
  23. package/theme/ckeditor5-link/link.css +0 -30
  24. package/theme/ckeditor5-link/linkform.css +0 -58
  25. package/theme/ckeditor5-link/linkimage.css +0 -43
  26. package/theme/ckeditor5-link/linkproperties.css +0 -20
  27. package/theme/ckeditor5-link/linkprovideritems.css +0 -50
  28. package/theme/ckeditor5-link/linktoolbar.css +0 -66
  29. package/theme/ckeditor5-list/listproperties.css +0 -62
  30. package/theme/ckeditor5-list/liststyles.css +0 -40
  31. package/theme/ckeditor5-media-embed/mediaembedediting.css +0 -109
  32. package/theme/ckeditor5-mention/mention.css +0 -14
  33. package/theme/ckeditor5-restricted-editing/restrictedediting.css +0 -69
  34. package/theme/ckeditor5-special-characters/charactergrid.css +0 -51
  35. package/theme/ckeditor5-special-characters/characterinfo.css +0 -26
  36. package/theme/ckeditor5-special-characters/specialcharacters.css +0 -32
  37. package/theme/ckeditor5-style/style.css +0 -8
  38. package/theme/ckeditor5-style/stylegrid.css +0 -98
  39. package/theme/ckeditor5-style/stylegroup.css +0 -16
  40. package/theme/ckeditor5-style/stylepanel.css +0 -14
  41. package/theme/ckeditor5-table/colorinput.css +0 -103
  42. package/theme/ckeditor5-table/formrow-experimental.css +0 -24
  43. package/theme/ckeditor5-table/formrow.css +0 -28
  44. package/theme/ckeditor5-table/inserttable.css +0 -46
  45. package/theme/ckeditor5-table/tablecellproperties-experimental.css +0 -131
  46. package/theme/ckeditor5-table/tablecellproperties.css +0 -25
  47. package/theme/ckeditor5-table/tableediting.css +0 -73
  48. package/theme/ckeditor5-table/tableform-experimental.css +0 -104
  49. package/theme/ckeditor5-table/tableform.css +0 -90
  50. package/theme/ckeditor5-table/tablelayout.css +0 -157
  51. package/theme/ckeditor5-table/tableproperties-experimental.css +0 -45
  52. package/theme/ckeditor5-table/tableproperties.css +0 -26
  53. package/theme/ckeditor5-table/tableselection.css +0 -46
  54. package/theme/ckeditor5-ui/components/autocomplete/autocomplete.css +0 -36
  55. package/theme/ckeditor5-ui/components/button/button.css +0 -167
  56. package/theme/ckeditor5-ui/components/button/listitembutton.css +0 -42
  57. package/theme/ckeditor5-ui/components/button/switchbutton.css +0 -134
  58. package/theme/ckeditor5-ui/components/collapsible/collapsible.css +0 -42
  59. package/theme/ckeditor5-ui/components/colorgrid/colorgrid.css +0 -94
  60. package/theme/ckeditor5-ui/components/colorselector/colorselector.css +0 -70
  61. package/theme/ckeditor5-ui/components/dialog/dialog.css +0 -54
  62. package/theme/ckeditor5-ui/components/dialog/dialogactions.css +0 -14
  63. package/theme/ckeditor5-ui/components/dropdown/dropdown.css +0 -126
  64. package/theme/ckeditor5-ui/components/dropdown/listdropdown.css +0 -33
  65. package/theme/ckeditor5-ui/components/dropdown/menu/dropdownmenubutton.css +0 -89
  66. package/theme/ckeditor5-ui/components/dropdown/menu/dropdownmenulistitem.css +0 -12
  67. package/theme/ckeditor5-ui/components/dropdown/menu/dropdownmenulistitembutton.css +0 -36
  68. package/theme/ckeditor5-ui/components/dropdown/menu/dropdownmenupanel.css +0 -52
  69. package/theme/ckeditor5-ui/components/dropdown/splitbutton.css +0 -112
  70. package/theme/ckeditor5-ui/components/dropdown/toolbardropdown.css +0 -8
  71. package/theme/ckeditor5-ui/components/editorui/accessibilityhelp.css +0 -103
  72. package/theme/ckeditor5-ui/components/editorui/editorui.css +0 -69
  73. package/theme/ckeditor5-ui/components/form/form.css +0 -4
  74. package/theme/ckeditor5-ui/components/formheader/formheader.css +0 -47
  75. package/theme/ckeditor5-ui/components/icon/icon.css +0 -39
  76. package/theme/ckeditor5-ui/components/input/input.css +0 -81
  77. package/theme/ckeditor5-ui/components/label/label.css +0 -8
  78. package/theme/ckeditor5-ui/components/labeledfield/labeledfieldview.css +0 -131
  79. package/theme/ckeditor5-ui/components/labeledinput/labeledinput.css +0 -17
  80. package/theme/ckeditor5-ui/components/list/list.css +0 -114
  81. package/theme/ckeditor5-ui/components/menubar/menubar.css +0 -15
  82. package/theme/ckeditor5-ui/components/menubar/menubarmenu.css +0 -13
  83. package/theme/ckeditor5-ui/components/menubar/menubarmenubutton.css +0 -104
  84. package/theme/ckeditor5-ui/components/menubar/menubarmenulistitem.css +0 -12
  85. package/theme/ckeditor5-ui/components/menubar/menubarmenulistitembutton.css +0 -36
  86. package/theme/ckeditor5-ui/components/menubar/menubarmenupanel.css +0 -70
  87. package/theme/ckeditor5-ui/components/panel/balloonpanel.css +0 -207
  88. package/theme/ckeditor5-ui/components/panel/balloonrotator.css +0 -33
  89. package/theme/ckeditor5-ui/components/panel/fakepanel.css +0 -46
  90. package/theme/ckeditor5-ui/components/panel/stickypanel.css +0 -16
  91. package/theme/ckeditor5-ui/components/responsive-form/responsiveform.css +0 -82
  92. package/theme/ckeditor5-ui/components/search/search.css +0 -106
  93. package/theme/ckeditor5-ui/components/spinner/spinner.css +0 -32
  94. package/theme/ckeditor5-ui/components/textarea/textarea.css +0 -12
  95. package/theme/ckeditor5-ui/components/toolbar/blocktoolbar.css +0 -14
  96. package/theme/ckeditor5-ui/components/toolbar/toolbar.css +0 -203
  97. package/theme/ckeditor5-ui/components/tooltip/tooltip.css +0 -38
  98. package/theme/ckeditor5-ui/globals/_colors.css +0 -123
  99. package/theme/ckeditor5-ui/globals/_disabled.css +0 -11
  100. package/theme/ckeditor5-ui/globals/_focus.css +0 -31
  101. package/theme/ckeditor5-ui/globals/_fonts.css +0 -16
  102. package/theme/ckeditor5-ui/globals/_reset.css +0 -97
  103. package/theme/ckeditor5-ui/globals/_rounded.css +0 -11
  104. package/theme/ckeditor5-ui/globals/_shadow.css +0 -21
  105. package/theme/ckeditor5-ui/globals/_spacing.css +0 -16
  106. package/theme/ckeditor5-ui/globals/globals.css +0 -13
  107. package/theme/ckeditor5-ui/mixins/_button.css +0 -29
  108. package/theme/ckeditor5-widget/widget.css +0 -208
  109. package/theme/ckeditor5-widget/widgetresize.css +0 -44
  110. package/theme/ckeditor5-widget/widgettypearound.css +0 -318
  111. package/theme/index.css +0 -109
  112. package/theme/mixins/_disabled.css +0 -11
  113. package/theme/mixins/_focus.css +0 -13
  114. package/theme/mixins/_rounded.css +0 -19
  115. package/theme/mixins/_shadow.css +0 -18
  116. package/theme/theme.css +0 -4
@@ -1,156 +0,0 @@
1
- /*
2
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
- */
5
-
6
- :root {
7
- --ck-html-embed-content-width: calc(100% - 1.5 * var(--ck-icon-size));
8
- --ck-html-embed-source-height: 10em;
9
- --ck-html-embed-unfocused-outline-width: 1px;
10
- --ck-html-embed-content-min-height: calc(var(--ck-icon-size) + var(--ck-spacing-standard));
11
-
12
- --ck-html-embed-source-disabled-background: var(--ck-color-base-foreground);
13
- --ck-html-embed-source-disabled-color: hsl(0deg 0% 45%);
14
- }
15
-
16
- /* The feature container. */
17
- .ck-widget.raw-html-embed {
18
- font-size: var(--ck-font-size-base);
19
- background-color: var(--ck-color-base-foreground);
20
-
21
- &:not(.ck-widget_selected):not(:hover) {
22
- outline: var(--ck-html-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);
23
- }
24
-
25
- /* HTML embed widget itself should respect UI language direction */
26
- &[dir="ltr"] {
27
- text-align: left;
28
- }
29
-
30
- &[dir="rtl"] {
31
- text-align: right;
32
- }
33
-
34
- /* ----- Embed label in the upper left corner ----------------------------------------------- */
35
-
36
- &::before {
37
- content: attr(data-html-embed-label);
38
- top: calc(-1 * var(--ck-html-embed-unfocused-outline-width));
39
- left: var(--ck-spacing-standard);
40
- background: hsl(0deg 0% 60%);
41
- transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
42
- padding: calc(var(--ck-spacing-tiny) + var(--ck-html-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);
43
- border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
44
- color: var(--ck-color-base-background);
45
- font-size: var(--ck-font-size-tiny);
46
- font-family: var(--ck-font-face);
47
- }
48
-
49
- &[dir="rtl"]::before {
50
- left: auto;
51
- right: var(--ck-spacing-standard);
52
- }
53
-
54
- /* Make space for label but it only collides in LTR languages */
55
- &[dir="ltr"] .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before {
56
- margin-left: 50px;
57
- }
58
-
59
- .ck.ck-editor__editable.ck-blurred &.ck-widget_selected::before {
60
- top: 0px;
61
- padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
62
- }
63
-
64
- .ck.ck-editor__editable:not(.ck-blurred) &.ck-widget_selected::before {
65
- top: 0;
66
- padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
67
- background: var(--ck-color-focus-border);
68
- }
69
-
70
- .ck.ck-editor__editable &:not(.ck-widget_selected):hover::before {
71
- top: 0px;
72
- padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
73
- }
74
-
75
- /* ----- Emebed internals --------------------------------------------------------------------- */
76
-
77
- & .raw-html-embed__content-wrapper {
78
- padding: var(--ck-spacing-standard);
79
- }
80
-
81
- /* The switch mode button wrapper. */
82
- & .raw-html-embed__buttons-wrapper {
83
- top: var(--ck-spacing-standard);
84
- right: var(--ck-spacing-standard);
85
-
86
- & .ck-button.raw-html-embed__save-button {
87
- color: var(--ck-color-button-save);
88
- }
89
-
90
- & .ck-button.raw-html-embed__cancel-button {
91
- color: var(--ck-color-button-cancel);
92
- }
93
-
94
- & .ck-button:not(:first-child) {
95
- margin-top: var(--ck-spacing-small);
96
- }
97
- }
98
-
99
- &[dir="rtl"] .raw-html-embed__buttons-wrapper {
100
- left: var(--ck-spacing-standard);
101
- right: auto;
102
- }
103
-
104
- /* The edit source element. */
105
- & .raw-html-embed__source {
106
- box-sizing: border-box;
107
- height: var(--ck-html-embed-source-height);
108
- width: var(--ck-html-embed-content-width);
109
- resize: none;
110
- min-width: 0;
111
- padding: var(--ck-spacing-standard);
112
-
113
- font-family: monospace;
114
- tab-size: 4;
115
- white-space: pre-wrap;
116
- font-size: var(--ck-font-size-base); /* Safari needs this. */
117
-
118
- /* HTML code is direction–agnostic. */
119
- text-align: left;
120
- direction: ltr;
121
-
122
- &[disabled] {
123
- background: var(--ck-html-embed-source-disabled-background);
124
- color: var(--ck-html-embed-source-disabled-color);
125
-
126
- /* Safari needs this for the proper text color in disabled input (https://github.com/ckeditor/ckeditor5/issues/8320). */
127
- -webkit-text-fill-color: var(--ck-html-embed-source-disabled-color);
128
- opacity: 1;
129
- }
130
- }
131
-
132
- /* The preview data container. */
133
- & .raw-html-embed__preview {
134
- min-height: var(--ck-html-embed-content-min-height);
135
- width: var(--ck-html-embed-content-width);
136
-
137
- /* Disable all mouse interaction as long as the editor is not read–only. */
138
- .ck-editor__editable:not(.ck-read-only) & {
139
- pointer-events: none;
140
- }
141
- }
142
-
143
- & .raw-html-embed__preview-content {
144
- box-sizing: border-box;
145
- background-color: var(--ck-color-base-foreground);
146
-
147
- & > * {
148
- margin-left: auto;
149
- margin-right: auto;
150
- }
151
- }
152
-
153
- & .raw-html-embed__preview-placeholder {
154
- color: var(--ck-html-embed-source-disabled-color)
155
- }
156
- }
@@ -1,22 +0,0 @@
1
- /*
2
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
- */
5
-
6
- @import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
7
-
8
- :root {
9
- --ck-image-custom-resize-form-width: 340px;
10
- }
11
-
12
- @mixin ck-media-phone {
13
- :root {
14
- --ck-image-custom-resize-form-width: 300px;
15
- }
16
- }
17
-
18
- .ck.ck-image-custom-resize-form {
19
- &.ck-responsive-form {
20
- width: var(--ck-image-custom-resize-form-width);
21
- }
22
- }
@@ -1,66 +0,0 @@
1
- /*
2
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
- */
5
-
6
- @import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
7
-
8
- :root {
9
- --ck-image-insert-insert-by-url-width: 250px;
10
- }
11
-
12
- .ck.ck-image-insert-url {
13
- --ck-input-width: 100%;
14
-
15
- & .ck-image-insert-url__action-row {
16
- grid-column-gap: var(--ck-spacing-large);
17
- margin-top: var(--ck-spacing-large);
18
-
19
- & .ck-button-save,
20
- & .ck-button-cancel {
21
- justify-content: center;
22
- min-width: auto;
23
- }
24
-
25
- & .ck-button .ck-button__label {
26
- color: var(--ck-color-text);
27
- }
28
- }
29
- }
30
-
31
- .ck.ck-image-insert-form {
32
- & > .ck.ck-button {
33
- display: block;
34
- width: 100%;
35
-
36
- @mixin ck-dir ltr {
37
- text-align: left;
38
- }
39
-
40
- @mixin ck-dir rtl {
41
- text-align: right;
42
- }
43
- }
44
-
45
- & > .ck.ck-collapsible {
46
- &:not(:first-child) {
47
- border-top: 1px solid var(--ck-color-base-border);
48
- }
49
-
50
- &:not(:last-child) {
51
- border-bottom: 1px solid var(--ck-color-base-border);
52
- }
53
-
54
- min-width: var(--ck-image-insert-insert-by-url-width);
55
- }
56
-
57
- /* This is the case when there are no other integrations configured than insert by URL */
58
- & > .ck.ck-image-insert-url {
59
- min-width: var(--ck-image-insert-insert-by-url-width);
60
- padding: var(--ck-spacing-large);
61
- }
62
-
63
- &:focus {
64
- outline: none;
65
- }
66
- }
@@ -1,4 +0,0 @@
1
- /*
2
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
- */
@@ -1,108 +0,0 @@
1
- /*
2
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
- */
5
-
6
- :root {
7
- --ck-color-image-upload-icon: hsl(0, 0%, 100%);
8
- --ck-color-image-upload-icon-background: hsl(120, 100%, 27%);
9
-
10
- /* Match the icon size with the linked image indicator brought by the link image feature. */
11
- --ck-image-upload-icon-size: 20;
12
- --ck-image-upload-icon-width: 2px;
13
- --ck-image-upload-icon-is-visible: clamp(0px, 100% - 50px, 1px);
14
- }
15
-
16
- .ck-image-upload-complete-icon {
17
- opacity: 0;
18
- background: var(--ck-color-image-upload-icon-background);
19
- animation-name: ck-upload-complete-icon-show, ck-upload-complete-icon-hide;
20
- animation-fill-mode: forwards, forwards;
21
- animation-duration: 500ms, 500ms;
22
-
23
- /* To make animation scalable. */
24
- font-size: calc(1px * var(--ck-image-upload-icon-size));
25
-
26
- /* Hide completed upload icon after 3 seconds. */
27
- animation-delay: 0ms, 3000ms;
28
-
29
- /*
30
- * Use CSS math to simulate container queries.
31
- * https://css-tricks.com/the-raven-technique-one-step-closer-to-container-queries/#what-about-showing-and-hiding-things
32
- */
33
- overflow: hidden;
34
- width: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));
35
- height: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));
36
-
37
- /* This is check icon element made from border-width mixed with animations. */
38
- &::after {
39
- /* Because of border transformation we need to "hard code" left position. */
40
- left: 25%;
41
-
42
- top: 50%;
43
- opacity: 0;
44
- height: 0;
45
- width: 0;
46
-
47
- transform: scaleX(-1) rotate(135deg);
48
- transform-origin: left top;
49
- border-top: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
50
- border-right: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
51
-
52
- animation-name: ck-upload-complete-icon-check;
53
- animation-duration: 500ms;
54
- animation-delay: 500ms;
55
- animation-fill-mode: forwards;
56
-
57
- /* #1095. While reset is not providing proper box-sizing for pseudoelements, we need to handle it. */
58
- box-sizing: border-box;
59
- }
60
-
61
- @media (prefers-reduced-motion: reduce) {
62
- animation-duration: 0ms;
63
-
64
- &::after {
65
- animation: none;
66
- opacity: 1;
67
- width: 0.3em;
68
- height: 0.45em;
69
- }
70
- }
71
- }
72
-
73
- @keyframes ck-upload-complete-icon-show {
74
- from {
75
- opacity: 0;
76
- }
77
-
78
- to {
79
- opacity: 1;
80
- }
81
- }
82
-
83
- @keyframes ck-upload-complete-icon-hide {
84
- from {
85
- opacity: 1;
86
- }
87
-
88
- to {
89
- opacity: 0;
90
- }
91
- }
92
-
93
- @keyframes ck-upload-complete-icon-check {
94
- 0% {
95
- opacity: 1;
96
- width: 0;
97
- height: 0;
98
- }
99
- 33% {
100
- width: 0.3em;
101
- height: 0;
102
- }
103
- 100% {
104
- opacity: 1;
105
- width: 0.3em;
106
- height: 0.45em;
107
- }
108
- }
@@ -1,50 +0,0 @@
1
- /*
2
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
- */
5
-
6
- :root {
7
- --ck-color-upload-placeholder-loader: hsl(0, 0%, 70%);
8
- --ck-upload-placeholder-loader-size: 32px;
9
- --ck-upload-placeholder-image-aspect-ratio: 2.8;
10
- }
11
-
12
- .ck .ck-image-upload-placeholder {
13
- /* We need to control the full width of the SVG gray background. */
14
- width: 100%;
15
- margin: 0;
16
-
17
- &.image-inline {
18
- width: calc( 2 * var(--ck-upload-placeholder-loader-size) * var(--ck-upload-placeholder-image-aspect-ratio) );
19
- }
20
-
21
- & img {
22
- /*
23
- * This is an arbitrary aspect for a 1x1 px GIF to display to the user. Not too tall, not too short.
24
- * There's nothing special about this number except that it should make the image placeholder look like
25
- * a real image during this short period after the upload started and before the image was read from the
26
- * file system (and a rich preview was loaded).
27
- */
28
- aspect-ratio: var(--ck-upload-placeholder-image-aspect-ratio);
29
- }
30
- }
31
-
32
- .ck .ck-upload-placeholder-loader {
33
- width: 100%;
34
- height: 100%;
35
-
36
- &::before {
37
- width: var(--ck-upload-placeholder-loader-size);
38
- height: var(--ck-upload-placeholder-loader-size);
39
- border-radius: 50%;
40
- border-top: 3px solid var(--ck-color-upload-placeholder-loader);
41
- border-right: 2px solid transparent;
42
- animation: ck-upload-placeholder-loader 1s linear infinite;
43
- }
44
- }
45
-
46
- @keyframes ck-upload-placeholder-loader {
47
- to {
48
- transform: rotate( 360deg );
49
- }
50
- }
@@ -1,33 +0,0 @@
1
- /*
2
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
- */
5
-
6
- .ck.ck-editor__editable {
7
- & .image,
8
- & .image-inline {
9
- /* Showing animation. */
10
- &.ck-appear {
11
- animation: fadeIn 700ms;
12
-
13
- @media (prefers-reduced-motion: reduce) {
14
- opacity: 1;
15
- animation: none;
16
- }
17
- }
18
- }
19
-
20
- /* Upload progress bar. */
21
- & .image .ck-progress-bar,
22
- & .image-inline .ck-progress-bar {
23
- height: 2px;
24
- width: 0;
25
- background: var(--ck-color-upload-bar-background);
26
- transition: width 100ms;
27
- }
28
- }
29
-
30
- @keyframes fadeIn {
31
- from { opacity: 0; }
32
- to { opacity: 1; }
33
- }
@@ -1,22 +0,0 @@
1
- /*
2
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
- */
5
-
6
- @import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
7
-
8
- :root {
9
- --ck-text-alternative-form-width: 340px;
10
- }
11
-
12
- @mixin ck-media-phone {
13
- :root {
14
- --ck-text-alternative-form-width: 300px;
15
- }
16
- }
17
-
18
- .ck.ck-text-alternative-form {
19
- &.ck-responsive-form {
20
- width: var(--ck-text-alternative-form-width);
21
- }
22
- }
@@ -1,30 +0,0 @@
1
- /*
2
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
- */
5
-
6
- /* Class added to span element surrounding currently selected link. */
7
- .ck .ck-link_selected {
8
- background: var(--ck-color-link-selected-background);
9
-
10
- /* Give linked inline images some outline to let the user know they are also part of the link. */
11
- & span.image-inline {
12
- outline: var(--ck-widget-outline-thickness) solid var(--ck-color-link-selected-background);
13
- }
14
- }
15
-
16
- /*
17
- * Classes used by the "fake visual selection" displayed in the content when an input
18
- * in the link UI has focus (the browser does not render the native selection in this state).
19
- */
20
- .ck .ck-fake-link-selection {
21
- background: var(--ck-color-link-fake-selection);
22
- }
23
-
24
- /* A collapsed fake visual selection. */
25
- .ck .ck-fake-link-selection_collapsed {
26
- height: 100%;
27
- border-right: 1px solid var(--ck-color-base-text);
28
- margin-right: -1px;
29
- outline: solid 1px hsla(0, 0%, 100%, .5);
30
- }
@@ -1,58 +0,0 @@
1
- /*
2
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
- */
5
-
6
- @import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
7
- @import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
8
-
9
- :root {
10
- --ck-link-panel-width: 340px;
11
- /* The height of the text inside the link providers list button. */
12
- --ck-link-provider-list-item-text-height: calc(var(--ck-line-height-base) * var(--ck-font-size-base));
13
- /* The height of the link providers list item contained paddings. */
14
- --ck-link-provider-list-item-height: calc(var(--ck-link-provider-list-item-text-height) + var(--ck-spacing-small) + var(--ck-spacing-small));
15
- }
16
-
17
- @mixin ck-media-phone {
18
- :root {
19
- --ck-link-panel-width: 300px;
20
- }
21
- }
22
-
23
- /* Generic class that wraps each link balloon view. */
24
- .ck.ck-form.ck-link-form {
25
- width: var(--ck-link-panel-width);
26
- padding-bottom: 0;
27
-
28
- &.ck-responsive-form {
29
- & .ck-labeled-field-view {
30
- @mixin ck-media-phone {
31
- margin: 0;
32
- }
33
- }
34
- }
35
-
36
- & .ck-link-form__providers-list {
37
- border-top: 1px solid var(--ck-color-base-border);
38
-
39
- /* The list should be scrollable when there are more than 4 items. */
40
- &:has(.ck-list__item:nth-child(n + 5)) {
41
- overflow: auto;
42
- /* Scroll should appear when there are more than 5 item on the list.
43
- * var(--ck-spacing-large) - is a form padding.
44
- * 1px - is a border width. */
45
- max-height: calc(var(--ck-link-provider-list-item-height) * 4 + var(--ck-spacing-large) + 1px);
46
- }
47
-
48
- & .ck-link__button {
49
- padding: var(--ck-spacing-small) var(--ck-spacing-large);
50
- border-radius: 0;
51
-
52
- & > .ck-button__label {
53
- overflow: hidden;
54
- text-overflow: ellipsis;
55
- }
56
- }
57
- }
58
- }
@@ -1,43 +0,0 @@
1
- /*
2
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
- */
5
-
6
- :root {
7
- /* Match the icon size with the upload indicator brought by the image upload feature. */
8
- --ck-link-image-indicator-icon-size: 20;
9
- --ck-link-image-indicator-icon-is-visible: clamp(0px, 100% - 50px, 1px);
10
- }
11
-
12
- .ck.ck-editor__editable {
13
- /* Linked image indicator */
14
- & figure.image > a,
15
- & a span.image-inline {
16
- &::after {
17
- content: "";
18
-
19
- /*
20
- * Smaller images should have the icon closer to the border.
21
- * Match the icon position with the upload indicator brought by the image upload feature.
22
- */
23
- top: min(var(--ck-spacing-medium), 6%);
24
- right: min(var(--ck-spacing-medium), 6%);
25
-
26
- background-color: hsla(0, 0%, 0%, .4);
27
- background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTExLjA3NyAxNSAuOTkxLTEuNDE2YS43NS43NSAwIDEgMSAxLjIyOS44NmwtMS4xNDggMS42NGEuNzQ4Ljc0OCAwIDAgMS0uMjE3LjIwNiA1LjI1MSA1LjI1MSAwIDAgMS04LjUwMy01Ljk1NS43NDEuNzQxIDAgMCAxIC4xMi0uMjc0bDEuMTQ3LTEuNjM5YS43NS43NSAwIDEgMSAxLjIyOC44Nkw0LjkzMyAxMC43bC4wMDYuMDAzYTMuNzUgMy43NSAwIDAgMCA2LjEzMiA0LjI5NGwuMDA2LjAwNHptNS40OTQtNS4zMzVhLjc0OC43NDggMCAwIDEtLjEyLjI3NGwtMS4xNDcgMS42MzlhLjc1Ljc1IDAgMSAxLTEuMjI4LS44NmwuODYtMS4yM2EzLjc1IDMuNzUgMCAwIDAtNi4xNDQtNC4zMDFsLS44NiAxLjIyOWEuNzUuNzUgMCAwIDEtMS4yMjktLjg2bDEuMTQ4LTEuNjRhLjc0OC43NDggMCAwIDEgLjIxNy0uMjA2IDUuMjUxIDUuMjUxIDAgMCAxIDguNTAzIDUuOTU1em0tNC41NjMtMi41MzJhLjc1Ljc1IDAgMCAxIC4xODQgMS4wNDVsLTMuMTU1IDQuNTA1YS43NS43NSAwIDEgMS0xLjIyOS0uODZsMy4xNTUtNC41MDZhLjc1Ljc1IDAgMCAxIDEuMDQ1LS4xODR6Ii8+PC9zdmc+");
28
- background-size: 14px;
29
- background-repeat: no-repeat;
30
- background-position: center;
31
- border-radius: 100%;
32
-
33
- /*
34
- * Use CSS math to simulate container queries.
35
- * https://css-tricks.com/the-raven-technique-one-step-closer-to-container-queries/#what-about-showing-and-hiding-things
36
- */
37
- overflow: hidden;
38
- width: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
39
- height: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
40
- }
41
- }
42
- }
43
-
@@ -1,20 +0,0 @@
1
- /*
2
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
- */
5
-
6
- @import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
7
-
8
- :root {
9
- --ck-link-properties-width: 340px;
10
- }
11
-
12
- @mixin ck-media-phone {
13
- :root {
14
- --ck-link-properties-width: 300px;
15
- }
16
- }
17
-
18
- .ck.ck-link-properties {
19
- width: var(--ck-link-properties-width);
20
- }
@@ -1,50 +0,0 @@
1
- /*
2
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
- */
5
-
6
- @import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
7
-
8
- :root {
9
- --ck-link-providers-width: 340px;
10
- --ck-link-list-view-max-height: 240px;
11
- --ck-link-list-view-icon-size: calc( var(--ck-icon-size) * 0.8); /* 0.8 = 16/20 cause default the icon size is 20px */
12
- }
13
-
14
- @mixin ck-media-phone {
15
- :root {
16
- --ck-link-providers-width: 300px;
17
- }
18
- }
19
-
20
- .ck.ck-link-providers {
21
- width: var(--ck-link-providers-width);
22
-
23
- & .ck-form__header__label {
24
- overflow: hidden;
25
- text-overflow: ellipsis;
26
- }
27
-
28
- & > .ck-link-providers__list {
29
- max-height: min( var(--ck-link-list-view-max-height), 40vh );
30
-
31
- & .ck-button {
32
- & > .ck-icon {
33
- width: var(--ck-link-list-view-icon-size);
34
- height: var(--ck-link-list-view-icon-size);
35
- }
36
-
37
- & > .ck-button__label {
38
- overflow: hidden;
39
- text-overflow: ellipsis;
40
- white-space: nowrap;
41
- }
42
- }
43
- }
44
-
45
- & .ck-link__empty-list-info {
46
- padding: calc( 2 * var(--ck-spacing-large) ) var(--ck-spacing-medium);
47
- text-align: center;
48
- font-style: italic;
49
- }
50
- }