@ckeditor/ckeditor5-theme-lark 40.0.0 → 40.1.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/LICENSE.md +2 -2
- package/package.json +2 -2
- package/theme/ckeditor5-ui/components/formheader/formheader.css +12 -0
- package/theme/ckeditor5-ui/components/labeledfield/labeledfieldview.css +5 -4
- package/theme/ckeditor5-ui/components/list/list.css +11 -3
- package/theme/ckeditor5-ui/globals/_colors.css +5 -1
package/LICENSE.md
CHANGED
|
@@ -2,7 +2,7 @@ Software License Agreement
|
|
|
2
2
|
==========================
|
|
3
3
|
|
|
4
4
|
**CKEditor 5 lark theme** – https://github.com/ckeditor/ckeditor5-theme-lark <br>
|
|
5
|
-
Copyright (c) 2003
|
|
5
|
+
Copyright (c) 2003–2023, [CKSource Holding sp. z o.o.](https://cksource.com) All rights reserved.
|
|
6
6
|
|
|
7
7
|
Licensed under the terms of [GNU General Public License Version 2 or later](http://www.gnu.org/licenses/gpl.html).
|
|
8
8
|
|
|
@@ -14,4 +14,4 @@ Where not otherwise indicated, all CKEditor content is authored by CKSource engi
|
|
|
14
14
|
Trademarks
|
|
15
15
|
----------
|
|
16
16
|
|
|
17
|
-
**CKEditor** is a trademark of [CKSource Holding sp. z o.o.](https://cksource.com) All other brand and product names are trademarks, registered trademarks or service marks of their respective holders.
|
|
17
|
+
**CKEditor** is a trademark of [CKSource Holding sp. z o.o.](https://cksource.com) All other brand and product names are trademarks, registered trademarks, or service marks of their respective holders.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ckeditor/ckeditor5-theme-lark",
|
|
3
|
-
"version": "40.
|
|
3
|
+
"version": "40.1.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": "40.
|
|
12
|
+
"@ckeditor/ckeditor5-ui": "40.1.0"
|
|
13
13
|
},
|
|
14
14
|
"author": "CKSource (http://cksource.com/)",
|
|
15
15
|
"license": "GPL-2.0-or-later",
|
|
@@ -3,6 +3,8 @@
|
|
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
|
|
7
|
+
|
|
6
8
|
:root {
|
|
7
9
|
--ck-form-header-height: 38px;
|
|
8
10
|
}
|
|
@@ -13,6 +15,16 @@
|
|
|
13
15
|
line-height: var(--ck-form-header-height);
|
|
14
16
|
border-bottom: 1px solid var(--ck-color-base-border);
|
|
15
17
|
|
|
18
|
+
& .ck-icon {
|
|
19
|
+
@mixin ck-dir ltr {
|
|
20
|
+
margin-right: var(--ck-spacing-medium);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@mixin ck-dir rtl {
|
|
24
|
+
margin-left: var(--ck-spacing-medium);
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
16
28
|
& .ck-form__header__label {
|
|
17
29
|
font-weight: bold;
|
|
18
30
|
}
|
|
@@ -25,17 +25,18 @@
|
|
|
25
25
|
|
|
26
26
|
@mixin ck-dir ltr {
|
|
27
27
|
left: 0px;
|
|
28
|
+
transform-origin: 0 0;
|
|
29
|
+
/* By default, display the label scaled down above the field. */
|
|
30
|
+
transform: translate(var(--ck-spacing-medium), -6px) scale(.75);
|
|
28
31
|
}
|
|
29
32
|
|
|
30
33
|
@mixin ck-dir rtl {
|
|
31
34
|
right: 0px;
|
|
35
|
+
transform-origin: 100% 0;
|
|
36
|
+
transform: translate(calc(-1 * var(--ck-spacing-medium)), -6px) scale(.75);
|
|
32
37
|
}
|
|
33
38
|
|
|
34
39
|
pointer-events: none;
|
|
35
|
-
transform-origin: 0 0;
|
|
36
|
-
|
|
37
|
-
/* By default, display the label scaled down above the field. */
|
|
38
|
-
transform: translate(var(--ck-spacing-medium), -6px) scale(.75);
|
|
39
40
|
|
|
40
41
|
background: var(--ck-color-labeled-field-label-background);
|
|
41
42
|
padding: 0 calc(.5 * var(--ck-font-size-tiny));
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
@import "../../../mixins/_disabled.css";
|
|
7
7
|
@import "../../../mixins/_rounded.css";
|
|
8
8
|
@import "../../../mixins/_shadow.css";
|
|
9
|
+
@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
|
|
9
10
|
|
|
10
11
|
.ck.ck-list {
|
|
11
12
|
@mixin ck-rounded-corners;
|
|
@@ -21,9 +22,16 @@
|
|
|
21
22
|
& .ck-button {
|
|
22
23
|
min-height: unset;
|
|
23
24
|
width: 100%;
|
|
24
|
-
text-align: left;
|
|
25
25
|
border-radius: 0;
|
|
26
26
|
|
|
27
|
+
@mixin ck-dir ltr {
|
|
28
|
+
text-align: left;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@mixin ck-dir rtl {
|
|
32
|
+
text-align: right;
|
|
33
|
+
}
|
|
34
|
+
|
|
27
35
|
/* List items should have the same height. Use absolute units to make sure it is so
|
|
28
36
|
because e.g. different heading styles may have different height
|
|
29
37
|
https://github.com/ckeditor/ckeditor5-heading/issues/63 */
|
|
@@ -85,10 +93,10 @@
|
|
|
85
93
|
border-top: 1px solid var(--ck-color-base-border);
|
|
86
94
|
}
|
|
87
95
|
|
|
88
|
-
& >
|
|
96
|
+
& > .ck-label {
|
|
89
97
|
font-size: 11px;
|
|
90
98
|
font-weight: bold;
|
|
91
|
-
padding: var(--ck-spacing-medium);
|
|
99
|
+
padding: var(--ck-spacing-medium) var(--ck-spacing-medium) 0 var(--ck-spacing-medium);
|
|
92
100
|
}
|
|
93
101
|
}
|
|
94
102
|
|
|
@@ -110,5 +110,9 @@
|
|
|
110
110
|
|
|
111
111
|
/* -- Search result highlight ---------------------------------------------------------------- */
|
|
112
112
|
|
|
113
|
-
--ck-color-highlight-background: hsl(60, 100%, 50%)
|
|
113
|
+
--ck-color-highlight-background: hsl(60, 100%, 50%);
|
|
114
|
+
|
|
115
|
+
/* -- Generic colors ------------------------------------------------------------------------- */
|
|
116
|
+
|
|
117
|
+
--ck-color-light-red: hsl(0, 100%, 90%);
|
|
114
118
|
}
|