@ckeditor/ckeditor5-theme-lark 0.0.0-nightly-20231205.0 → 0.0.0-nightly-20231206.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/package.json +2 -2
- package/theme/ckeditor5-image/imageinsert.css +67 -0
- package/theme/{ckeditor5-list → ckeditor5-ui/components/collapsible}/collapsible.css +2 -2
- package/theme/ckeditor5-ui/components/labeledfield/labeledfieldview.css +1 -1
- package/theme/ckeditor5-ui/components/list/list.css +7 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ckeditor/ckeditor5-theme-lark",
|
|
3
|
-
"version": "0.0.0-nightly-
|
|
3
|
+
"version": "0.0.0-nightly-20231206.0",
|
|
4
4
|
"description": "A bright theme for CKEditor 5.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ckeditor",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"ckeditor5-theme"
|
|
10
10
|
],
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@ckeditor/ckeditor5-ui": "0.0.0-nightly-
|
|
12
|
+
"@ckeditor/ckeditor5-ui": "0.0.0-nightly-20231206.0"
|
|
13
13
|
},
|
|
14
14
|
"author": "CKSource (http://cksource.com/)",
|
|
15
15
|
"license": "GPL-2.0-or-later",
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
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
|
+
padding: var(--ck-list-button-padding);
|
|
36
|
+
|
|
37
|
+
@mixin ck-dir ltr {
|
|
38
|
+
text-align: left;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
@mixin ck-dir rtl {
|
|
42
|
+
text-align: right;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
& > .ck.ck-collapsible {
|
|
47
|
+
&:not(:first-child) {
|
|
48
|
+
border-top: 1px solid var(--ck-color-base-border);
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
&:not(:last-child) {
|
|
52
|
+
border-bottom: 1px solid var(--ck-color-base-border);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
min-width: var(--ck-image-insert-insert-by-url-width);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
/* This is the case when there are no other integrations configured than insert by URL */
|
|
59
|
+
& > .ck.ck-image-insert-url {
|
|
60
|
+
min-width: var(--ck-image-insert-insert-by-url-width);
|
|
61
|
+
padding: var(--ck-spacing-large);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
&:focus {
|
|
65
|
+
outline: none;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
& > .ck.ck-button {
|
|
12
12
|
width: 100%;
|
|
13
13
|
font-weight: bold;
|
|
14
|
-
padding: var(--ck-
|
|
14
|
+
padding: var(--ck-list-button-padding);
|
|
15
15
|
border-radius: 0;
|
|
16
16
|
color: inherit;
|
|
17
17
|
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
& > .ck-collapsible__children {
|
|
35
|
-
padding:
|
|
35
|
+
padding: var(--ck-spacing-medium) var(--ck-spacing-large) var(--ck-spacing-large);
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
&.ck-collapsible_collapsed {
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
|
|
88
88
|
/* Fields that are disabled or not focused and without a placeholder should have full-sized labels. */
|
|
89
89
|
/* stylelint-disable-next-line no-descending-specificity */
|
|
90
|
-
&.ck-disabled.ck-labeled-field-view_empty > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
|
|
90
|
+
&.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
|
|
91
91
|
&.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
|
|
92
92
|
@mixin ck-dir ltr {
|
|
93
93
|
transform: translate(var(--ck-labeled-field-label-default-position-x), var(--ck-labeled-field-label-default-position-y)) scale(1);
|
|
@@ -8,6 +8,12 @@
|
|
|
8
8
|
@import "../../../mixins/_shadow.css";
|
|
9
9
|
@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
|
|
10
10
|
|
|
11
|
+
:root {
|
|
12
|
+
--ck-list-button-padding:
|
|
13
|
+
calc(.2 * var(--ck-line-height-base) * var(--ck-font-size-base))
|
|
14
|
+
calc(.4 * var(--ck-line-height-base) * var(--ck-font-size-base));
|
|
15
|
+
}
|
|
16
|
+
|
|
11
17
|
.ck.ck-list {
|
|
12
18
|
@mixin ck-rounded-corners;
|
|
13
19
|
|
|
@@ -35,9 +41,7 @@
|
|
|
35
41
|
/* List items should have the same height. Use absolute units to make sure it is so
|
|
36
42
|
because e.g. different heading styles may have different height
|
|
37
43
|
https://github.com/ckeditor/ckeditor5-heading/issues/63 */
|
|
38
|
-
padding:
|
|
39
|
-
calc(.2 * var(--ck-line-height-base) * var(--ck-font-size-base))
|
|
40
|
-
calc(.4 * var(--ck-line-height-base) * var(--ck-font-size-base));
|
|
44
|
+
padding: var(--ck-list-button-padding);
|
|
41
45
|
|
|
42
46
|
& .ck-button__label {
|
|
43
47
|
/* https://github.com/ckeditor/ckeditor5-heading/issues/63 */
|