@ckeditor/ckeditor5-theme-lark 43.0.0 → 43.1.0-alpha.1
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 +110 -0
- package/dist/index.css +190 -0
- package/dist/index.css.map +1 -1
- package/package.json +2 -2
- package/theme/ckeditor5-ui/components/dropdown/menu/dropdownmenubutton.css +89 -0
- package/theme/ckeditor5-ui/components/dropdown/menu/dropdownmenulistitem.css +12 -0
- package/theme/ckeditor5-ui/components/dropdown/menu/dropdownmenulistitembutton.css +36 -0
- package/theme/ckeditor5-ui/components/dropdown/menu/dropdownmenupanel.css +52 -0
- package/theme/index.css +4 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ckeditor/ckeditor5-theme-lark",
|
|
3
|
-
"version": "43.0.
|
|
3
|
+
"version": "43.1.0-alpha.1",
|
|
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": "43.0.
|
|
12
|
+
"@ckeditor/ckeditor5-ui": "43.1.0-alpha.1"
|
|
13
13
|
},
|
|
14
14
|
"author": "CKSource (http://cksource.com/)",
|
|
15
15
|
"license": "GPL-2.0-or-later",
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2003-2024, 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 "../../../../mixins/_disabled.css";
|
|
7
|
+
@import "../../../mixins/_button.css";
|
|
8
|
+
@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
|
|
9
|
+
|
|
10
|
+
/*
|
|
11
|
+
* All menu buttons.
|
|
12
|
+
*/
|
|
13
|
+
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button {
|
|
14
|
+
width: 100%;
|
|
15
|
+
padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
|
|
16
|
+
border-radius: 0;
|
|
17
|
+
|
|
18
|
+
&:focus {
|
|
19
|
+
border-color: transparent;
|
|
20
|
+
box-shadow: none;
|
|
21
|
+
|
|
22
|
+
&:not(.ck-on) {
|
|
23
|
+
background: var(--ck-color-button-default-hover-background);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
& > .ck-button__label {
|
|
28
|
+
flex-grow: 1;
|
|
29
|
+
overflow: hidden;
|
|
30
|
+
text-overflow: ellipsis;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
&.ck-disabled > .ck-button__label {
|
|
34
|
+
@mixin ck-disabled;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
/* Spacing in buttons that miss the icon. */
|
|
38
|
+
&.ck-icon-spacing:not(:has(.ck-button__icon)) > .ck-button__label {
|
|
39
|
+
margin-left: calc(var(--ck-icon-size) - var(--ck-spacing-small));
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
& > .ck-dropdown-menu-list__nested-menu__button__arrow {
|
|
43
|
+
width: var(--ck-dropdown-arrow-size);
|
|
44
|
+
|
|
45
|
+
@mixin ck-dir ltr {
|
|
46
|
+
transform: rotate(-90deg);
|
|
47
|
+
|
|
48
|
+
/* Nudge the arrow gently to the right because its center of gravity is to the left */
|
|
49
|
+
margin-right: calc(-1 * var(--ck-spacing-small));
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
@mixin ck-dir rtl {
|
|
53
|
+
transform: rotate(90deg);
|
|
54
|
+
|
|
55
|
+
/* Nudge the arrow gently to the left because its center of gravity is to the right (after rotation). */
|
|
56
|
+
margin-left: calc(-1 * var(--ck-spacing-small));
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
&.ck-disabled > .ck-dropdown-menu-list__nested-menu__button__arrow {
|
|
61
|
+
@mixin ck-disabled;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
@mixin ck-dir ltr {
|
|
65
|
+
&:not(.ck-button_with-text) {
|
|
66
|
+
padding-left: var(--ck-spacing-small);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
& > .ck-dropdown-menu-list__nested-menu__button__arrow {
|
|
70
|
+
right: var(--ck-spacing-standard);
|
|
71
|
+
|
|
72
|
+
/* A space to accommodate the triangle. */
|
|
73
|
+
margin-left: var(--ck-spacing-standard);
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
@mixin ck-dir rtl {
|
|
78
|
+
&:not(.ck-button_with-text) {
|
|
79
|
+
padding-right: var(--ck-spacing-small);
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
& > .ck-dropdown-menu-list__nested-menu__button__arrow {
|
|
83
|
+
left: var(--ck-spacing-standard);
|
|
84
|
+
|
|
85
|
+
/* A space to accommodate the triangle. */
|
|
86
|
+
margin-right: var(--ck-spacing-small);
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2003-2024, 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
|
+
:root {
|
|
7
|
+
--ck-dropdown-menu-menu-item-min-width: 18em;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.ck.ck-dropdown-menu-list__nested-menu__item {
|
|
11
|
+
min-width: var(--ck-dropdown-menu-menu-item-min-width);
|
|
12
|
+
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2003-2024, 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
|
+
/*
|
|
7
|
+
* List item buttons.
|
|
8
|
+
*/
|
|
9
|
+
.ck-button.ck-dropdown-menu-list__nested-menu__item__button {
|
|
10
|
+
border-radius: 0;
|
|
11
|
+
|
|
12
|
+
& > .ck-spinner-container,
|
|
13
|
+
& > .ck-spinner-container .ck-spinner {
|
|
14
|
+
/* These styles correspond to .ck-icon so that the spinner seamlessly replaces the icon. */
|
|
15
|
+
--ck-toolbar-spinner-size: 20px;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
& > .ck-spinner-container {
|
|
19
|
+
/* These margins are the same as for .ck-icon. */
|
|
20
|
+
margin-left: calc(-1 * var(--ck-spacing-small));
|
|
21
|
+
margin-right: var(--ck-spacing-small);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
/*
|
|
25
|
+
* Hovered items automatically get focused. Default focus styles look odd
|
|
26
|
+
* while moving across a huge list of items so let's get rid of them
|
|
27
|
+
*/
|
|
28
|
+
&:focus {
|
|
29
|
+
border-color: transparent;
|
|
30
|
+
box-shadow: none;
|
|
31
|
+
|
|
32
|
+
&:not(.ck-on) {
|
|
33
|
+
background: var(--ck-color-button-default-hover-background);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2003-2024, 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 "../../../../mixins/_rounded.css";
|
|
7
|
+
@import "../../../../mixins/_shadow.css";
|
|
8
|
+
|
|
9
|
+
:root {
|
|
10
|
+
--ck-dropdown-menu-menu-panel-max-width: 75vw;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.ck.ck-dropdown-menu__nested-menu__panel {
|
|
14
|
+
@mixin ck-drop-shadow;
|
|
15
|
+
|
|
16
|
+
background: var(--ck-color-dropdown-panel-background);
|
|
17
|
+
border: 1px solid var(--ck-color-dropdown-panel-border);
|
|
18
|
+
bottom: 0;
|
|
19
|
+
height: fit-content;
|
|
20
|
+
max-width: var(--ck-dropdown-menu-menu-panel-max-width);
|
|
21
|
+
|
|
22
|
+
/* Reset balloon styling */
|
|
23
|
+
&::after,
|
|
24
|
+
&::before {
|
|
25
|
+
display: none;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
/* Corner border radius consistent with the button. */
|
|
29
|
+
&.ck-balloon-panel_es,
|
|
30
|
+
&.ck-balloon-panel_se {
|
|
31
|
+
border-top-left-radius: 0;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&.ck-balloon-panel_ws,
|
|
35
|
+
&.ck-balloon-panel_sw {
|
|
36
|
+
border-top-right-radius: 0;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
&.ck-balloon-panel_en,
|
|
40
|
+
&.ck-balloon-panel_ne {
|
|
41
|
+
border-bottom-left-radius: 0;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
&.ck-balloon-panel_wn,
|
|
45
|
+
&.ck-balloon-panel_nw {
|
|
46
|
+
border-bottom-right-radius: 0;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
&:focus {
|
|
50
|
+
outline: none;
|
|
51
|
+
}
|
|
52
|
+
}
|
package/theme/index.css
CHANGED
|
@@ -20,6 +20,10 @@
|
|
|
20
20
|
@import "./ckeditor5-ui/components/dropdown/listdropdown.css";
|
|
21
21
|
@import "./ckeditor5-ui/components/dropdown/splitbutton.css";
|
|
22
22
|
@import "./ckeditor5-ui/components/dropdown/toolbardropdown.css";
|
|
23
|
+
@import "./ckeditor5-ui/components/dropdown/menu/dropdownmenubutton.css";
|
|
24
|
+
@import "./ckeditor5-ui/components/dropdown/menu/dropdownmenulistitem.css";
|
|
25
|
+
@import "./ckeditor5-ui/components/dropdown/menu/dropdownmenulistitembutton.css";
|
|
26
|
+
@import "./ckeditor5-ui/components/dropdown/menu/dropdownmenupanel.css";
|
|
23
27
|
@import "./ckeditor5-ui/components/editorui/accessibilityhelp.css";
|
|
24
28
|
@import "./ckeditor5-ui/components/editorui/editorui.css";
|
|
25
29
|
@import "./ckeditor5-ui/components/formheader/formheader.css";
|