@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.
- package/dist/index-editor.css +80 -216
- package/dist/index.css +80 -252
- package/dist/index.css.map +1 -1
- package/package.json +18 -16
- package/theme/ckeditor5-bookmark/bookmark.css +0 -68
- package/theme/ckeditor5-bookmark/bookmarkform.css +0 -20
- package/theme/ckeditor5-bookmark/bookmarktoolbar.css +0 -27
- package/theme/ckeditor5-clipboard/clipboard.css +0 -89
- package/theme/ckeditor5-code-block/codeblock.css +0 -28
- package/theme/ckeditor5-editor-classic/classiceditor.css +0 -48
- package/theme/ckeditor5-engine/placeholder.css +0 -39
- package/theme/ckeditor5-find-and-replace/findandreplaceform.css +0 -194
- package/theme/ckeditor5-heading/heading.css +0 -15
- package/theme/ckeditor5-horizontal-line/horizontalline.css +0 -10
- package/theme/ckeditor5-html-embed/htmlembed.css +0 -156
- package/theme/ckeditor5-image/imagecustomresizeform.css +0 -22
- package/theme/ckeditor5-image/imageinsert.css +0 -66
- package/theme/ckeditor5-image/imageupload.css +0 -4
- package/theme/ckeditor5-image/imageuploadicon.css +0 -108
- package/theme/ckeditor5-image/imageuploadloader.css +0 -50
- package/theme/ckeditor5-image/imageuploadprogress.css +0 -33
- package/theme/ckeditor5-image/textalternativeform.css +0 -22
- package/theme/ckeditor5-link/link.css +0 -30
- package/theme/ckeditor5-link/linkform.css +0 -58
- package/theme/ckeditor5-link/linkimage.css +0 -43
- package/theme/ckeditor5-link/linkproperties.css +0 -20
- package/theme/ckeditor5-link/linkprovideritems.css +0 -50
- package/theme/ckeditor5-link/linktoolbar.css +0 -66
- package/theme/ckeditor5-list/listproperties.css +0 -62
- package/theme/ckeditor5-list/liststyles.css +0 -40
- package/theme/ckeditor5-media-embed/mediaembedediting.css +0 -109
- package/theme/ckeditor5-mention/mention.css +0 -14
- package/theme/ckeditor5-restricted-editing/restrictedediting.css +0 -69
- package/theme/ckeditor5-special-characters/charactergrid.css +0 -51
- package/theme/ckeditor5-special-characters/characterinfo.css +0 -26
- package/theme/ckeditor5-special-characters/specialcharacters.css +0 -32
- package/theme/ckeditor5-style/style.css +0 -8
- package/theme/ckeditor5-style/stylegrid.css +0 -98
- package/theme/ckeditor5-style/stylegroup.css +0 -16
- package/theme/ckeditor5-style/stylepanel.css +0 -14
- package/theme/ckeditor5-table/colorinput.css +0 -103
- package/theme/ckeditor5-table/formrow-experimental.css +0 -24
- package/theme/ckeditor5-table/formrow.css +0 -28
- package/theme/ckeditor5-table/inserttable.css +0 -46
- package/theme/ckeditor5-table/tablecellproperties-experimental.css +0 -131
- package/theme/ckeditor5-table/tablecellproperties.css +0 -25
- package/theme/ckeditor5-table/tableediting.css +0 -73
- package/theme/ckeditor5-table/tableform-experimental.css +0 -104
- package/theme/ckeditor5-table/tableform.css +0 -90
- package/theme/ckeditor5-table/tablelayout.css +0 -157
- package/theme/ckeditor5-table/tableproperties-experimental.css +0 -45
- package/theme/ckeditor5-table/tableproperties.css +0 -26
- package/theme/ckeditor5-table/tableselection.css +0 -46
- package/theme/ckeditor5-ui/components/autocomplete/autocomplete.css +0 -36
- package/theme/ckeditor5-ui/components/button/button.css +0 -167
- package/theme/ckeditor5-ui/components/button/listitembutton.css +0 -42
- package/theme/ckeditor5-ui/components/button/switchbutton.css +0 -134
- package/theme/ckeditor5-ui/components/collapsible/collapsible.css +0 -42
- package/theme/ckeditor5-ui/components/colorgrid/colorgrid.css +0 -94
- package/theme/ckeditor5-ui/components/colorselector/colorselector.css +0 -70
- package/theme/ckeditor5-ui/components/dialog/dialog.css +0 -54
- package/theme/ckeditor5-ui/components/dialog/dialogactions.css +0 -14
- package/theme/ckeditor5-ui/components/dropdown/dropdown.css +0 -126
- package/theme/ckeditor5-ui/components/dropdown/listdropdown.css +0 -33
- package/theme/ckeditor5-ui/components/dropdown/menu/dropdownmenubutton.css +0 -89
- package/theme/ckeditor5-ui/components/dropdown/menu/dropdownmenulistitem.css +0 -12
- package/theme/ckeditor5-ui/components/dropdown/menu/dropdownmenulistitembutton.css +0 -36
- package/theme/ckeditor5-ui/components/dropdown/menu/dropdownmenupanel.css +0 -52
- package/theme/ckeditor5-ui/components/dropdown/splitbutton.css +0 -112
- package/theme/ckeditor5-ui/components/dropdown/toolbardropdown.css +0 -8
- package/theme/ckeditor5-ui/components/editorui/accessibilityhelp.css +0 -103
- package/theme/ckeditor5-ui/components/editorui/editorui.css +0 -69
- package/theme/ckeditor5-ui/components/form/form.css +0 -4
- package/theme/ckeditor5-ui/components/formheader/formheader.css +0 -47
- package/theme/ckeditor5-ui/components/icon/icon.css +0 -39
- package/theme/ckeditor5-ui/components/input/input.css +0 -81
- package/theme/ckeditor5-ui/components/label/label.css +0 -8
- package/theme/ckeditor5-ui/components/labeledfield/labeledfieldview.css +0 -131
- package/theme/ckeditor5-ui/components/labeledinput/labeledinput.css +0 -17
- package/theme/ckeditor5-ui/components/list/list.css +0 -114
- package/theme/ckeditor5-ui/components/menubar/menubar.css +0 -15
- package/theme/ckeditor5-ui/components/menubar/menubarmenu.css +0 -13
- package/theme/ckeditor5-ui/components/menubar/menubarmenubutton.css +0 -104
- package/theme/ckeditor5-ui/components/menubar/menubarmenulistitem.css +0 -12
- package/theme/ckeditor5-ui/components/menubar/menubarmenulistitembutton.css +0 -36
- package/theme/ckeditor5-ui/components/menubar/menubarmenupanel.css +0 -70
- package/theme/ckeditor5-ui/components/panel/balloonpanel.css +0 -207
- package/theme/ckeditor5-ui/components/panel/balloonrotator.css +0 -33
- package/theme/ckeditor5-ui/components/panel/fakepanel.css +0 -46
- package/theme/ckeditor5-ui/components/panel/stickypanel.css +0 -16
- package/theme/ckeditor5-ui/components/responsive-form/responsiveform.css +0 -82
- package/theme/ckeditor5-ui/components/search/search.css +0 -106
- package/theme/ckeditor5-ui/components/spinner/spinner.css +0 -32
- package/theme/ckeditor5-ui/components/textarea/textarea.css +0 -12
- package/theme/ckeditor5-ui/components/toolbar/blocktoolbar.css +0 -14
- package/theme/ckeditor5-ui/components/toolbar/toolbar.css +0 -203
- package/theme/ckeditor5-ui/components/tooltip/tooltip.css +0 -38
- package/theme/ckeditor5-ui/globals/_colors.css +0 -123
- package/theme/ckeditor5-ui/globals/_disabled.css +0 -11
- package/theme/ckeditor5-ui/globals/_focus.css +0 -31
- package/theme/ckeditor5-ui/globals/_fonts.css +0 -16
- package/theme/ckeditor5-ui/globals/_reset.css +0 -97
- package/theme/ckeditor5-ui/globals/_rounded.css +0 -11
- package/theme/ckeditor5-ui/globals/_shadow.css +0 -21
- package/theme/ckeditor5-ui/globals/_spacing.css +0 -16
- package/theme/ckeditor5-ui/globals/globals.css +0 -13
- package/theme/ckeditor5-ui/mixins/_button.css +0 -29
- package/theme/ckeditor5-widget/widget.css +0 -208
- package/theme/ckeditor5-widget/widgetresize.css +0 -44
- package/theme/ckeditor5-widget/widgettypearound.css +0 -318
- package/theme/index.css +0 -109
- package/theme/mixins/_disabled.css +0 -11
- package/theme/mixins/_focus.css +0 -13
- package/theme/mixins/_rounded.css +0 -19
- package/theme/mixins/_shadow.css +0 -18
- 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,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
|
-
}
|