@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,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-link-bookmark-icon-size: calc( var(--ck-icon-size) * 0.7); /* 0.7 = 14/20 cause default the icon size is 20px */
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.ck.ck-toolbar.ck-link-toolbar {
|
|
13
|
-
& > .ck-toolbar__items {
|
|
14
|
-
flex-wrap: nowrap;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
a.ck.ck-button.ck-link-toolbar__preview {
|
|
19
|
-
padding: 0 var(--ck-spacing-medium);
|
|
20
|
-
color: var(--ck-color-link-default);
|
|
21
|
-
cursor: pointer;
|
|
22
|
-
justify-content: center;
|
|
23
|
-
|
|
24
|
-
& .ck.ck-button__label {
|
|
25
|
-
text-overflow: ellipsis;
|
|
26
|
-
|
|
27
|
-
/* Match the box model of the link editor form's input so the balloon
|
|
28
|
-
does not change width when moving between actions and the form. */
|
|
29
|
-
max-width: var(--ck-input-width);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
&,
|
|
33
|
-
&:hover,
|
|
34
|
-
&:focus,
|
|
35
|
-
&:active {
|
|
36
|
-
background: none;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
&:active {
|
|
40
|
-
box-shadow: none;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
&:hover,
|
|
44
|
-
&:focus {
|
|
45
|
-
text-decoration: underline;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
&.ck-button_with-text .ck.ck-icon.ck-button__icon {
|
|
49
|
-
width: var(--ck-link-bookmark-icon-size);
|
|
50
|
-
height: var(--ck-link-bookmark-icon-size);
|
|
51
|
-
|
|
52
|
-
@mixin ck-dir ltr {
|
|
53
|
-
margin-right: var(--ck-spacing-tiny);
|
|
54
|
-
margin-left: var(--ck-spacing-small);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
@mixin ck-dir rtl {
|
|
58
|
-
margin-left: var(--ck-spacing-tiny);
|
|
59
|
-
margin-right: var(--ck-spacing-small);
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
&:has( .ck-icon ) {
|
|
64
|
-
padding-left: var(--ck-spacing-extra-tiny );
|
|
65
|
-
}
|
|
66
|
-
}
|
|
@@ -1,62 +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-list-properties {
|
|
7
|
-
/* When there are no list styles and there is no collapsible. */
|
|
8
|
-
&.ck-list-properties_without-styles {
|
|
9
|
-
padding: var(--ck-spacing-large);
|
|
10
|
-
|
|
11
|
-
& > * {
|
|
12
|
-
min-width: 14em;
|
|
13
|
-
|
|
14
|
-
& + * {
|
|
15
|
-
margin-top: var(--ck-spacing-standard);
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
/*
|
|
21
|
-
* When the numbered list property fields (start at, reversed) should be displayed,
|
|
22
|
-
* more horizontal space is needed. Reconfigure the style grid to create that space.
|
|
23
|
-
*/
|
|
24
|
-
&.ck-list-properties_with-numbered-properties {
|
|
25
|
-
& > .ck-list-styles-list {
|
|
26
|
-
grid-template-columns: repeat( 4, auto );
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
/* When list styles are rendered and property fields are in a collapsible. */
|
|
30
|
-
& > .ck-collapsible {
|
|
31
|
-
border-top: 1px solid var(--ck-color-base-border);
|
|
32
|
-
|
|
33
|
-
& > .ck-collapsible__children {
|
|
34
|
-
& > * {
|
|
35
|
-
width: 100%;
|
|
36
|
-
|
|
37
|
-
& + * {
|
|
38
|
-
margin-top: var(--ck-spacing-standard);
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
& .ck.ck-numbered-list-properties__start-index .ck-input {
|
|
46
|
-
min-width: auto;
|
|
47
|
-
width: 100%;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
& .ck.ck-numbered-list-properties__reversed-order {
|
|
51
|
-
background: transparent;
|
|
52
|
-
padding-left: 0;
|
|
53
|
-
padding-right: 0;
|
|
54
|
-
margin-bottom: calc(-1 * var(--ck-spacing-tiny));
|
|
55
|
-
|
|
56
|
-
&:active, &:hover {
|
|
57
|
-
box-shadow: none;
|
|
58
|
-
border-color: transparent;
|
|
59
|
-
background: none;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
}
|
|
@@ -1,40 +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-list-style-button-size: 44px;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.ck.ck-list-styles-list {
|
|
11
|
-
grid-template-columns: repeat( 3, auto );
|
|
12
|
-
row-gap: var(--ck-spacing-medium);
|
|
13
|
-
column-gap: var(--ck-spacing-medium);
|
|
14
|
-
padding: var(--ck-spacing-large);
|
|
15
|
-
|
|
16
|
-
& .ck-button {
|
|
17
|
-
/* Make the button look like a thumbnail (the icon "takes it all"). */
|
|
18
|
-
width: var(--ck-list-style-button-size);
|
|
19
|
-
height: var(--ck-list-style-button-size);
|
|
20
|
-
padding: 0;
|
|
21
|
-
|
|
22
|
-
/*
|
|
23
|
-
* Buttons are aligned by the grid so disable default button margins to not collide with the
|
|
24
|
-
* gaps in the grid.
|
|
25
|
-
*/
|
|
26
|
-
margin: 0;
|
|
27
|
-
|
|
28
|
-
/*
|
|
29
|
-
* Make sure the button border (which is displayed on focus, BTW) does not steal pixels
|
|
30
|
-
* from the button dimensions and, as a result, decrease the size of the icon
|
|
31
|
-
* (which becomes blurry as it scales down).
|
|
32
|
-
*/
|
|
33
|
-
box-sizing: content-box;
|
|
34
|
-
|
|
35
|
-
& .ck-icon {
|
|
36
|
-
width: var(--ck-list-style-button-size);
|
|
37
|
-
height: var(--ck-list-style-button-size);
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
}
|
|
@@ -1,109 +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-media-embed-placeholder-icon-size: 3em;
|
|
8
|
-
|
|
9
|
-
--ck-color-media-embed-placeholder-url-text: hsl(0, 0%, 46%);
|
|
10
|
-
--ck-color-media-embed-placeholder-url-text-hover: var(--ck-color-base-text);
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.ck-media__wrapper {
|
|
14
|
-
margin: 0 auto;
|
|
15
|
-
|
|
16
|
-
& .ck-media__placeholder {
|
|
17
|
-
padding: calc( 3 * var(--ck-spacing-standard) );
|
|
18
|
-
background: var(--ck-color-base-foreground);
|
|
19
|
-
|
|
20
|
-
& .ck-media__placeholder__icon {
|
|
21
|
-
min-width: var(--ck-media-embed-placeholder-icon-size);
|
|
22
|
-
height: var(--ck-media-embed-placeholder-icon-size);
|
|
23
|
-
margin-bottom: var(--ck-spacing-large);
|
|
24
|
-
background-position: center;
|
|
25
|
-
background-size: cover;
|
|
26
|
-
|
|
27
|
-
& .ck-icon {
|
|
28
|
-
width: 100%;
|
|
29
|
-
height: 100%;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
& .ck-media__placeholder__url__text {
|
|
34
|
-
color: var(--ck-color-media-embed-placeholder-url-text);
|
|
35
|
-
white-space: nowrap;
|
|
36
|
-
text-align: center;
|
|
37
|
-
font-style: italic;
|
|
38
|
-
text-overflow: ellipsis;
|
|
39
|
-
|
|
40
|
-
&:hover {
|
|
41
|
-
color: var(--ck-color-media-embed-placeholder-url-text-hover);
|
|
42
|
-
cursor: pointer;
|
|
43
|
-
text-decoration: underline;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
&[data-oembed-url*="open.spotify.com"] {
|
|
49
|
-
max-width: 300px;
|
|
50
|
-
max-height: 380px;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
&[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon,
|
|
54
|
-
&[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon,
|
|
55
|
-
&[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon,
|
|
56
|
-
&[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon {
|
|
57
|
-
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAuMzc4IiBoZWlnaHQ9IjI1NC4xNjciIHZpZXdCb3g9IjAgMCA2Ni4yNDYgNjcuMjQ4Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcyLjUzMSAtMjE4LjQ1NSkgc2NhbGUoLjk4MDEyKSI+PHJlY3Qgcnk9IjUuMjM4IiByeD0iNS4yMzgiIHk9IjIzMS4zOTkiIHg9IjE3Ni4wMzEiIGhlaWdodD0iNjAuMDk5IiB3aWR0aD0iNjAuMDk5IiBmaWxsPSIjMzRhNjY4IiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxwYXRoIGQ9Ik0yMDYuNDc3IDI2MC45bC0yOC45ODcgMjguOTg3YTUuMjE4IDUuMjE4IDAgMCAwIDMuNzggMS42MWg0OS42MjFjMS42OTQgMCAzLjE5LS43OTggNC4xNDYtMi4wMzd6IiBmaWxsPSIjNWM4OGM1Ii8+PHBhdGggZD0iTTIyNi43NDIgMjIyLjk4OGMtOS4yNjYgMC0xNi43NzcgNy4xNy0xNi43NzcgMTYuMDE0LjAwNyAyLjc2Mi42NjMgNS40NzQgMi4wOTMgNy44NzUuNDMuNzAzLjgzIDEuNDA4IDEuMTkgMi4xMDcuMzMzLjUwMi42NSAxLjAwNS45NSAxLjUwOC4zNDMuNDc3LjY3My45NTcuOTg4IDEuNDQgMS4zMSAxLjc2OSAyLjUgMy41MDIgMy42MzcgNS4xNjguNzkzIDEuMjc1IDEuNjgzIDIuNjQgMi40NjYgMy45OSAyLjM2MyA0LjA5NCA0LjAwNyA4LjA5MiA0LjYgMTMuOTE0di4wMTJjLjE4Mi40MTIuNTE2LjY2Ni44NzkuNjY3LjQwMy0uMDAxLjc2OC0uMzE0LjkzLS43OTkuNjAzLTUuNzU2IDIuMjM4LTkuNzI5IDQuNTg1LTEzLjc5NC43ODItMS4zNSAxLjY3My0yLjcxNSAyLjQ2NS0zLjk5IDEuMTM3LTEuNjY2IDIuMzI4LTMuNCAzLjYzOC01LjE2OS4zMTUtLjQ4Mi42NDUtLjk2Mi45ODgtMS40MzkuMy0uNTAzLjYxNy0xLjAwNi45NS0xLjUwOC4zNTktLjcuNzYtMS40MDQgMS4xOS0yLjEwNyAxLjQyNi0yLjQwMiAyLTUuMTE0IDIuMDA0LTcuODc1IDAtOC44NDQtNy41MTEtMTYuMDE0LTE2Ljc3Ni0xNi4wMTR6IiBmaWxsPSIjZGQ0YjNlIiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxlbGxpcHNlIHJ5PSI1LjU2NCIgcng9IjUuODI4IiBjeT0iMjM5LjAwMiIgY3g9IjIyNi43NDIiIGZpbGw9IiM4MDJkMjciIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PHBhdGggZD0iTTE5MC4zMDEgMjM3LjI4M2MtNC42NyAwLTguNDU3IDMuODUzLTguNDU3IDguNjA2czMuNzg2IDguNjA3IDguNDU3IDguNjA3YzMuMDQzIDAgNC44MDYtLjk1OCA2LjMzNy0yLjUxNiAxLjUzLTEuNTU3IDIuMDg3LTMuOTEzIDIuMDg3LTYuMjkgMC0uMzYyLS4wMjMtLjcyMi0uMDY0LTEuMDc5aC04LjI1N3YzLjA0M2g0Ljg1Yy0uMTk3Ljc1OS0uNTMxIDEuNDUtMS4wNTggMS45ODYtLjk0Mi45NTgtMi4wMjggMS41NDgtMy45MDEgMS41NDgtMi44NzYgMC01LjIwOC0yLjM3Mi01LjIwOC01LjI5OSAwLTIuOTI2IDIuMzMyLTUuMjk5IDUuMjA4LTUuMjk5IDEuMzk5IDAgMi42MTguNDA3IDMuNTg0IDEuMjkzbDIuMzgxLTIuMzhjMC0uMDAyLS4wMDMtLjAwNC0uMDA0LS4wMDUtMS41ODgtMS41MjQtMy42Mi0yLjIxNS01Ljk1NS0yLjIxNXptNC40MyA1LjY2bC4wMDMuMDA2di0uMDAzeiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjE1LjE4NCAyNTEuOTI5bC03Ljk4IDcuOTc5IDI4LjQ3NyAyOC40NzVjLjI4Ny0uNjQ5LjQ0OS0xLjM2Ni40NDktMi4xMjN2LTMxLjE2NWMtLjQ2OS42NzUtLjkzNCAxLjM0OS0xLjM4MiAyLjAwNS0uNzkyIDEuMjc1LTEuNjgyIDIuNjQtMi40NjUgMy45OS0yLjM0NyA0LjA2NS0zLjk4MiA4LjAzOC00LjU4NSAxMy43OTQtLjE2Mi40ODUtLjUyNy43OTgtLjkzLjc5OS0uMzYzLS4wMDEtLjY5Ny0uMjU1LS44NzktLjY2N3YtLjAxMmMtLjU5My01LjgyMi0yLjIzNy05LjgyLTQuNi0xMy45MTQtLjc4My0xLjM1LTEuNjczLTIuNzE1LTIuNDY2LTMuOTktMS4xMzctMS42NjYtMi4zMjctMy40LTMuNjM3LTUuMTY5bC0uMDAyLS4wMDN6IiBmaWxsPSIjYzNjM2MzIi8+PHBhdGggZD0iTTIxMi45ODMgMjQ4LjQ5NWwtMzYuOTUyIDM2Ljk1M3YuODEyYTUuMjI3IDUuMjI3IDAgMCAwIDUuMjM4IDUuMjM4aDEuMDE1bDM1LjY2Ni0zNS42NjZhMTM2LjI3NSAxMzYuMjc1IDAgMCAwLTIuNzY0LTMuOSAzNy41NzUgMzcuNTc1IDAgMCAwLS45ODktMS40NGMtLjI5OS0uNTAzLS42MTYtMS4wMDYtLjk1LTEuNTA4LS4wODMtLjE2Mi0uMTc2LS4zMjYtLjI2NC0uNDg5eiIgZmlsbD0iI2ZkZGM0ZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjExLjk5OCAyNjEuMDgzbC02LjE1MiA2LjE1MSAyNC4yNjQgMjQuMjY0aC43ODFhNS4yMjcgNS4yMjcgMCAwIDAgNS4yMzktNS4yMzh2LTEuMDQ1eiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48L2c+PC9zdmc+);
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
&[data-oembed-url*="facebook.com"] .ck-media__placeholder {
|
|
61
|
-
background: hsl(220, 46%, 48%);
|
|
62
|
-
|
|
63
|
-
& .ck-media__placeholder__icon {
|
|
64
|
-
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMDI0cHgiIGhlaWdodD0iMTAyNHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPkZpbGwgMTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImZMb2dvX1doaXRlIiBmaWxsPSIjRkZGRkZFIj4gICAgICAgICAgICA8cGF0aCBkPSJNOTY3LjQ4NCwwIEw1Ni41MTcsMCBDMjUuMzA0LDAgMCwyNS4zMDQgMCw1Ni41MTcgTDAsOTY3LjQ4MyBDMCw5OTguNjk0IDI1LjI5NywxMDI0IDU2LjUyMiwxMDI0IEw1NDcsMTAyNCBMNTQ3LDYyOCBMNDE0LDYyOCBMNDE0LDQ3MyBMNTQ3LDQ3MyBMNTQ3LDM1OS4wMjkgQzU0NywyMjYuNzY3IDYyNy43NzMsMTU0Ljc0NyA3NDUuNzU2LDE1NC43NDcgQzgwMi4yNjksMTU0Ljc0NyA4NTAuODQyLDE1OC45NTUgODY1LDE2MC44MzYgTDg2NSwyOTkgTDc4My4zODQsMjk5LjAzNyBDNzE5LjM5MSwyOTkuMDM3IDcwNywzMjkuNTI5IDcwNywzNzQuMjczIEw3MDcsNDczIEw4NjAuNDg3LDQ3MyBMODQwLjUwMSw2MjggTDcwNyw2MjggTDcwNywxMDI0IEw5NjcuNDg0LDEwMjQgQzk5OC42OTcsMTAyNCAxMDI0LDk5OC42OTcgMTAyNCw5NjcuNDg0IEwxMDI0LDU2LjUxNSBDMTAyNCwyNS4zMDMgOTk4LjY5NywwIDk2Ny40ODQsMCIgaWQ9IkZpbGwtMSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
& .ck-media__placeholder__url__text {
|
|
68
|
-
color: hsl(220, 100%, 90%);
|
|
69
|
-
|
|
70
|
-
&:hover {
|
|
71
|
-
color: hsl(0, 0%, 100%);
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
&[data-oembed-url*="instagram.com"] .ck-media__placeholder {
|
|
77
|
-
background: linear-gradient(-135deg,hsl(246, 100%, 39%),hsl(302, 100%, 36%),hsl(0, 100%, 48%));
|
|
78
|
-
|
|
79
|
-
& .ck-media__placeholder__icon {
|
|
80
|
-
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MDRweCIgaGVpZ2h0PSI1MDRweCIgdmlld0JveD0iMCAwIDUwNCA1MDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+Z2x5cGgtbG9nb19NYXkyMDE2PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIwIDAuMTU5IDUwMy44NDEgMC4xNTkgNTAzLjg0MSA1MDMuOTQgMCA1MDMuOTQiPjwvcG9seWdvbj4gICAgPC9kZWZzPiAgICA8ZyBpZD0iZ2x5cGgtbG9nb19NYXkyMDE2IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJHcm91cC0zIj4gICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+ICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+ICAgICAgICAgICAgPC9tYXNrPiAgICAgICAgICAgIDxnIGlkPSJDbGlwLTIiPjwvZz4gICAgICAgICAgICA8cGF0aCBkPSJNMjUxLjkyMSwwLjE1OSBDMTgzLjUwMywwLjE1OSAxNzQuOTI0LDAuNDQ5IDE0OC4wNTQsMS42NzUgQzEyMS4yNCwyLjg5OCAxMDIuOTI3LDcuMTU3IDg2LjkwMywxMy4zODUgQzcwLjMzNywxOS44MjIgNTYuMjg4LDI4LjQzNiA0Mi4yODIsNDIuNDQxIEMyOC4yNzcsNTYuNDQ3IDE5LjY2Myw3MC40OTYgMTMuMjI2LDg3LjA2MiBDNi45OTgsMTAzLjA4NiAyLjczOSwxMjEuMzk5IDEuNTE2LDE0OC4yMTMgQzAuMjksMTc1LjA4MyAwLDE4My42NjIgMCwyNTIuMDggQzAsMzIwLjQ5NyAwLjI5LDMyOS4wNzYgMS41MTYsMzU1Ljk0NiBDMi43MzksMzgyLjc2IDYuOTk4LDQwMS4wNzMgMTMuMjI2LDQxNy4wOTcgQzE5LjY2Myw0MzMuNjYzIDI4LjI3Nyw0NDcuNzEyIDQyLjI4Miw0NjEuNzE4IEM1Ni4yODgsNDc1LjcyMyA3MC4zMzcsNDg0LjMzNyA4Ni45MDMsNDkwLjc3NSBDMTAyLjkyNyw0OTcuMDAyIDEyMS4yNCw1MDEuMjYxIDE0OC4wNTQsNTAyLjQ4NCBDMTc0LjkyNCw1MDMuNzEgMTgzLjUwMyw1MDQgMjUxLjkyMSw1MDQgQzMyMC4zMzgsNTA0IDMyOC45MTcsNTAzLjcxIDM1NS43ODcsNTAyLjQ4NCBDMzgyLjYwMSw1MDEuMjYxIDQwMC45MTQsNDk3LjAwMiA0MTYuOTM4LDQ5MC43NzUgQzQzMy41MDQsNDg0LjMzNyA0NDcuNTUzLDQ3NS43MjMgNDYxLjU1OSw0NjEuNzE4IEM0NzUuNTY0LDQ0Ny43MTIgNDg0LjE3OCw0MzMuNjYzIDQ5MC42MTYsNDE3LjA5NyBDNDk2Ljg0Myw0MDEuMDczIDUwMS4xMDIsMzgyLjc2IDUwMi4zMjUsMzU1Ljk0NiBDNTAzLjU1MSwzMjkuMDc2IDUwMy44NDEsMzIwLjQ5NyA1MDMuODQxLDI1Mi4wOCBDNTAzLjg0MSwxODMuNjYyIDUwMy41NTEsMTc1LjA4MyA1MDIuMzI1LDE0OC4yMTMgQzUwMS4xMDIsMTIxLjM5OSA0OTYuODQzLDEwMy4wODYgNDkwLjYxNiw4Ny4wNjIgQzQ4NC4xNzgsNzAuNDk2IDQ3NS41NjQsNTYuNDQ3IDQ2MS41NTksNDIuNDQxIEM0NDcuNTUzLDI4LjQzNiA0MzMuNTA0LDE5LjgyMiA0MTYuOTM4LDEzLjM4NSBDNDAwLjkxNCw3LjE1NyAzODIuNjAxLDIuODk4IDM1NS43ODcsMS42NzUgQzMyOC45MTcsMC40NDkgMzIwLjMzOCwwLjE1OSAyNTEuOTIxLDAuMTU5IFogTTI1MS45MjEsNDUuNTUgQzMxOS4xODYsNDUuNTUgMzI3LjE1NCw0NS44MDcgMzUzLjcxOCw0Ny4wMTkgQzM3OC4yOCw0OC4xMzkgMzkxLjYxOSw1Mi4yNDMgNDAwLjQ5Niw1NS42OTMgQzQxMi4yNTUsNjAuMjYzIDQyMC42NDcsNjUuNzIyIDQyOS40NjIsNzQuNTM4IEM0MzguMjc4LDgzLjM1MyA0NDMuNzM3LDkxLjc0NSA0NDguMzA3LDEwMy41MDQgQzQ1MS43NTcsMTEyLjM4MSA0NTUuODYxLDEyNS43MiA0NTYuOTgxLDE1MC4yODIgQzQ1OC4xOTMsMTc2Ljg0NiA0NTguNDUsMTg0LjgxNCA0NTguNDUsMjUyLjA4IEM0NTguNDUsMzE5LjM0NSA0NTguMTkzLDMyNy4zMTMgNDU2Ljk4MSwzNTMuODc3IEM0NTUuODYxLDM3OC40MzkgNDUxLjc1NywzOTEuNzc4IDQ0OC4zMDcsNDAwLjY1NSBDNDQzLjczNyw0MTIuNDE0IDQzOC4yNzgsNDIwLjgwNiA0MjkuNDYyLDQyOS42MjEgQzQyMC42NDcsNDM4LjQzNyA0MTIuMjU1LDQ0My44OTYgNDAwLjQ5Niw0NDguNDY2IEMzOTEuNjE5LDQ1MS45MTYgMzc4LjI4LDQ1Ni4wMiAzNTMuNzE4LDQ1Ny4xNCBDMzI3LjE1OCw0NTguMzUyIDMxOS4xOTEsNDU4LjYwOSAyNTEuOTIxLDQ1OC42MDkgQzE4NC42NSw0NTguNjA5IDE3Ni42ODQsNDU4LjM1MiAxNTAuMTIzLDQ1Ny4xNCBDMTI1LjU2MSw0NTYuMDIgMTEyLjIyMiw0NTEuOTE2IDEwMy4zNDUsNDQ4LjQ2NiBDOTEuNTg2LDQ0My44OTYgODMuMTk0LDQzOC40MzcgNzQuMzc5LDQyOS42MjEgQzY1LjU2NCw0MjAuODA2IDYwLjEwNCw0MTIuNDE0IDU1LjUzNCw0MDAuNjU1IEM1Mi4wODQsMzkxLjc3OCA0Ny45OCwzNzguNDM5IDQ2Ljg2LDM1My44NzcgQzQ1LjY0OCwzMjcuMzEzIDQ1LjM5MSwzMTkuMzQ1IDQ1LjM5MSwyNTIuMDggQzQ1LjM5MSwxODQuODE0IDQ1LjY0OCwxNzYuODQ2IDQ2Ljg2LDE1MC4yODIgQzQ3Ljk4LDEyNS43MiA1Mi4wODQsMTEyLjM4MSA1NS41MzQsMTAzLjUwNCBDNjAuMTA0LDkxLjc0NSA2NS41NjMsODMuMzUzIDc0LjM3OSw3NC41MzggQzgzLjE5NCw2NS43MjIgOTEuNTg2LDYwLjI2MyAxMDMuMzQ1LDU1LjY5MyBDMTEyLjIyMiw1Mi4yNDMgMTI1LjU2MSw0OC4xMzkgMTUwLjEyMyw0Ny4wMTkgQzE3Ni42ODcsNDUuODA3IDE4NC42NTUsNDUuNTUgMjUxLjkyMSw0NS41NSBaIiBpZD0iRmlsbC0xIiBmaWxsPSIjRkZGRkZGIiBtYXNrPSJ1cmwoI21hc2stMikiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgICAgIDxwYXRoIGQ9Ik0yNTEuOTIxLDMzNi4wNTMgQzIwNS41NDMsMzM2LjA1MyAxNjcuOTQ3LDI5OC40NTcgMTY3Ljk0NywyNTIuMDggQzE2Ny45NDcsMjA1LjcwMiAyMDUuNTQzLDE2OC4xMDYgMjUxLjkyMSwxNjguMTA2IEMyOTguMjk4LDE2OC4xMDYgMzM1Ljg5NCwyMDUuNzAyIDMzNS44OTQsMjUyLjA4IEMzMzUuODk0LDI5OC40NTcgMjk4LjI5OCwzMzYuMDUzIDI1MS45MjEsMzM2LjA1MyBaIE0yNTEuOTIxLDEyMi43MTUgQzE4MC40NzQsMTIyLjcxNSAxMjIuNTU2LDE4MC42MzMgMTIyLjU1NiwyNTIuMDggQzEyMi41NTYsMzIzLjUyNiAxODAuNDc0LDM4MS40NDQgMjUxLjkyMSwzODEuNDQ0IEMzMjMuMzY3LDM4MS40NDQgMzgxLjI4NSwzMjMuNTI2IDM4MS4yODUsMjUyLjA4IEMzODEuMjg1LDE4MC42MzMgMzIzLjM2NywxMjIuNzE1IDI1MS45MjEsMTIyLjcxNSBaIiBpZD0iRmlsbC00IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgICAgICA8cGF0aCBkPSJNNDE2LjYyNywxMTcuNjA0IEM0MTYuNjI3LDEzNC4zIDQwMy4wOTIsMTQ3LjgzNCAzODYuMzk2LDE0Ny44MzQgQzM2OS43MDEsMTQ3LjgzNCAzNTYuMTY2LDEzNC4zIDM1Ni4xNjYsMTE3LjYwNCBDMzU2LjE2NiwxMDAuOTA4IDM2OS43MDEsODcuMzczIDM4Ni4zOTYsODcuMzczIEM0MDMuMDkyLDg3LjM3MyA0MTYuNjI3LDEwMC45MDggNDE2LjYyNywxMTcuNjA0IiBpZD0iRmlsbC01IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=);
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
/* stylelint-disable-next-line no-descending-specificity */
|
|
84
|
-
& .ck-media__placeholder__url__text {
|
|
85
|
-
color: hsl(302, 100%, 94%);
|
|
86
|
-
|
|
87
|
-
&:hover {
|
|
88
|
-
color: hsl(0, 0%, 100%);
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
&[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder {
|
|
94
|
-
/* Use gradient to contrast with focused widget (ckeditor/ckeditor5-media-embed#22). */
|
|
95
|
-
background: linear-gradient( to right, hsl(201, 85%, 70%), hsl(201, 85%, 35%) );
|
|
96
|
-
|
|
97
|
-
& .ck-media__placeholder__icon {
|
|
98
|
-
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldoaXRlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMCA0MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MDAsMjAwYzAsMTEwLjUtODkuNSwyMDAtMjAwLDIwMFMwLDMxMC41LDAsMjAwUzg5LjUsMCwyMDAsMFM0MDAsODkuNSw0MDAsMjAweiBNMTYzLjQsMzA1LjVjODguNywwLDEzNy4yLTczLjUsMTM3LjItMTM3LjJjMC0yLjEsMC00LjItMC4xLTYuMmM5LjQtNi44LDE3LjYtMTUuMywyNC4xLTI1Yy04LjYsMy44LTE3LjksNi40LTI3LjcsNy42YzEwLTYsMTcuNi0xNS40LDIxLjItMjYuN2MtOS4zLDUuNS0xOS42LDkuNS0zMC42LDExLjdjLTguOC05LjQtMjEuMy0xNS4yLTM1LjItMTUuMmMtMjYuNiwwLTQ4LjIsMjEuNi00OC4yLDQ4LjJjMCwzLjgsMC40LDcuNSwxLjMsMTFjLTQwLjEtMi03NS42LTIxLjItOTkuNC01MC40Yy00LjEsNy4xLTYuNSwxNS40LTYuNSwyNC4yYzAsMTYuNyw4LjUsMzEuNSwyMS41LDQwLjFjLTcuOS0wLjItMTUuMy0yLjQtMjEuOC02YzAsMC4yLDAsMC40LDAsMC42YzAsMjMuNCwxNi42LDQyLjgsMzguNyw0Ny4zYy00LDEuMS04LjMsMS43LTEyLjcsMS43Yy0zLjEsMC02LjEtMC4zLTkuMS0wLjljNi4xLDE5LjIsMjMuOSwzMy4xLDQ1LDMzLjVjLTE2LjUsMTIuOS0zNy4zLDIwLjYtNTkuOSwyMC42Yy0zLjksMC03LjctMC4yLTExLjUtMC43QzExMC44LDI5Ny41LDEzNi4yLDMwNS41LDE2My40LDMwNS41Ii8+PC9zdmc+);
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
& .ck-media__placeholder__url__text {
|
|
102
|
-
color: hsl(201, 100%, 86%);
|
|
103
|
-
|
|
104
|
-
&:hover {
|
|
105
|
-
color: hsl(0, 0%, 100%);
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
}
|
|
@@ -1,14 +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-content-color-mention-background: hsla(341, 100%, 30%, 0.1);
|
|
8
|
-
--ck-content-color-mention-text: hsl(341, 100%, 30%);
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.ck-content .mention {
|
|
12
|
-
background: var(--ck-content-color-mention-background);
|
|
13
|
-
color: var(--ck-content-color-mention-text);
|
|
14
|
-
}
|
|
@@ -1,69 +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-restricted-editing-exception-background: hsla(31, 100%, 65%, .2);
|
|
8
|
-
--ck-color-restricted-editing-exception-hover-background: hsla(31, 100%, 65%, .35);
|
|
9
|
-
--ck-color-restricted-editing-exception-brackets: hsla(31, 100%, 40%, .4);
|
|
10
|
-
--ck-color-restricted-editing-selected-exception-background: hsla(31, 100%, 65%, .5);
|
|
11
|
-
--ck-color-restricted-editing-selected-exception-brackets: hsla(31, 100%, 40%, .6);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.ck-editor__editable .restricted-editing-exception {
|
|
15
|
-
transition: .2s ease-in-out background;
|
|
16
|
-
background-color: var(--ck-color-restricted-editing-exception-background);
|
|
17
|
-
border: 1px solid;
|
|
18
|
-
border-image: linear-gradient(
|
|
19
|
-
to right,
|
|
20
|
-
var(--ck-color-restricted-editing-exception-brackets) 0%,
|
|
21
|
-
var(--ck-color-restricted-editing-exception-brackets) 5px,
|
|
22
|
-
hsla(0, 0%, 0%, 0) 6px,
|
|
23
|
-
hsla(0, 0%, 0%, 0) calc(100% - 6px),
|
|
24
|
-
var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px),
|
|
25
|
-
var(--ck-color-restricted-editing-exception-brackets) 100%
|
|
26
|
-
) 1;
|
|
27
|
-
|
|
28
|
-
@media (prefers-reduced-motion: reduce) {
|
|
29
|
-
transition: none;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
&.restricted-editing-exception_selected {
|
|
33
|
-
background-color: var(--ck-color-restricted-editing-selected-exception-background);
|
|
34
|
-
border-image: linear-gradient(
|
|
35
|
-
to right,
|
|
36
|
-
var(--ck-color-restricted-editing-selected-exception-brackets) 0%,
|
|
37
|
-
var(--ck-color-restricted-editing-selected-exception-brackets) 5px,
|
|
38
|
-
var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px),
|
|
39
|
-
var(--ck-color-restricted-editing-selected-exception-brackets) 100%
|
|
40
|
-
) 1;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
&.restricted-editing-exception_collapsed {
|
|
44
|
-
/* Empty exception should have the same width as exception with at least 1 char */
|
|
45
|
-
padding-left: 1ch;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.ck-restricted-editing_mode_restricted {
|
|
50
|
-
cursor: default;
|
|
51
|
-
|
|
52
|
-
/* We also have to override all elements inside the restricted editable to prevent cursor switching between default and text
|
|
53
|
-
during the pointer movement. */
|
|
54
|
-
& * {
|
|
55
|
-
cursor: default;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
& .restricted-editing-exception {
|
|
59
|
-
cursor: text;
|
|
60
|
-
|
|
61
|
-
& * {
|
|
62
|
-
cursor: text;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
&:hover {
|
|
66
|
-
background: var(--ck-color-restricted-editing-exception-hover-background);
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
}
|
|
@@ -1,51 +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
|
-
@import "../mixins/_rounded.css";
|
|
8
|
-
|
|
9
|
-
:root {
|
|
10
|
-
--ck-character-grid-tile-size: 24px;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.ck.ck-character-grid {
|
|
14
|
-
overflow-y: auto;
|
|
15
|
-
overflow-x: hidden;
|
|
16
|
-
|
|
17
|
-
& .ck-character-grid__tiles {
|
|
18
|
-
grid-template-columns: repeat(auto-fill, minmax(var(--ck-character-grid-tile-size), 1fr));
|
|
19
|
-
margin: var(--ck-spacing-standard) var(--ck-spacing-large);
|
|
20
|
-
grid-gap: var(--ck-spacing-standard);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
& .ck-character-grid__tile {
|
|
24
|
-
width: var(--ck-character-grid-tile-size);
|
|
25
|
-
height: var(--ck-character-grid-tile-size);
|
|
26
|
-
min-width: var(--ck-character-grid-tile-size);
|
|
27
|
-
min-height: var(--ck-character-grid-tile-size);
|
|
28
|
-
font-size: 1.5em;
|
|
29
|
-
padding: 0;
|
|
30
|
-
transition: .2s ease box-shadow;
|
|
31
|
-
border: 0;
|
|
32
|
-
|
|
33
|
-
@media (prefers-reduced-motion: reduce) {
|
|
34
|
-
transition: none;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
&:focus:not( .ck-disabled ),
|
|
38
|
-
&:hover:not( .ck-disabled ) {
|
|
39
|
-
/* Disable the default .ck-button's border ring. */
|
|
40
|
-
border: 0;
|
|
41
|
-
box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
/* Make sure the glyph is rendered in the center of the button */
|
|
45
|
-
& .ck-button__label {
|
|
46
|
-
line-height: var(--ck-character-grid-tile-size);
|
|
47
|
-
width: 100%;
|
|
48
|
-
text-align: center;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
}
|
|
@@ -1,26 +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
|
-
.ck.ck-character-info {
|
|
9
|
-
padding: var(--ck-spacing-small) var(--ck-spacing-large);
|
|
10
|
-
border-top: 1px solid var(--ck-color-base-border);
|
|
11
|
-
|
|
12
|
-
& > * {
|
|
13
|
-
text-transform: uppercase;
|
|
14
|
-
font-size: var(--ck-font-size-small);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
& .ck-character-info__name {
|
|
18
|
-
max-width: 280px;
|
|
19
|
-
text-overflow: ellipsis;
|
|
20
|
-
overflow: hidden;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
& .ck-character-info__code {
|
|
24
|
-
opacity: .6;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
@@ -1,32 +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
|
-
.ck.ck-special-characters-navigation {
|
|
10
|
-
|
|
11
|
-
& > .ck-label {
|
|
12
|
-
max-width: 160px;
|
|
13
|
-
text-overflow: ellipsis;
|
|
14
|
-
overflow: hidden;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
& > .ck-dropdown .ck-dropdown__panel {
|
|
18
|
-
/* There could be dozens of categories available. Use scroll to prevent a 10e6px dropdown. */
|
|
19
|
-
max-height: 250px;
|
|
20
|
-
overflow-y: auto;
|
|
21
|
-
overflow-x: hidden;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
@mixin ck-media-phone {
|
|
25
|
-
max-width: 190px;
|
|
26
|
-
|
|
27
|
-
& > .ck-form__header__label {
|
|
28
|
-
text-overflow: ellipsis;
|
|
29
|
-
overflow: hidden;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
}
|
|
@@ -1,8 +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-dropdown.ck-style-dropdown.ck-style-dropdown_multiple-active > .ck-button > .ck-button__label {
|
|
7
|
-
font-style: italic;
|
|
8
|
-
}
|
|
@@ -1,98 +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-style-panel-button-width: 120px;
|
|
8
|
-
--ck-style-panel-button-height: 80px;
|
|
9
|
-
--ck-style-panel-button-label-background: hsl(0, 0%, 94.1%);
|
|
10
|
-
--ck-style-panel-button-hover-label-background: hsl(0, 0%, 92.1%);
|
|
11
|
-
--ck-style-panel-button-hover-border-color: hsl(0, 0%, 70%);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.ck.ck-style-panel .ck-style-grid {
|
|
15
|
-
row-gap: var(--ck-spacing-large);
|
|
16
|
-
column-gap: var(--ck-spacing-large);
|
|
17
|
-
|
|
18
|
-
& .ck-style-grid__button {
|
|
19
|
-
--ck-color-button-default-hover-background: var(--ck-color-base-background);
|
|
20
|
-
--ck-color-button-default-active-background: var(--ck-color-base-background);
|
|
21
|
-
|
|
22
|
-
padding: 0;
|
|
23
|
-
width: var(--ck-style-panel-button-width);
|
|
24
|
-
height: var(--ck-style-panel-button-height);
|
|
25
|
-
|
|
26
|
-
/* Let default .ck-button :focus styles apply */
|
|
27
|
-
&:not(:focus) {
|
|
28
|
-
border: 1px solid var(--ck-color-base-border);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
& .ck-button__label {
|
|
32
|
-
height: 22px;
|
|
33
|
-
line-height: 22px;
|
|
34
|
-
width: 100%;
|
|
35
|
-
padding: 0 var(--ck-spacing-medium);
|
|
36
|
-
overflow: hidden;
|
|
37
|
-
text-overflow: ellipsis;
|
|
38
|
-
flex-shrink: 0;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
& .ck-style-grid__button__preview {
|
|
42
|
-
width: 100%;
|
|
43
|
-
overflow: hidden;
|
|
44
|
-
opacity: .9;
|
|
45
|
-
|
|
46
|
-
padding: var(--ck-spacing-medium);
|
|
47
|
-
background: var(--ck-color-base-background);
|
|
48
|
-
border: 2px solid var(--ck-color-base-background);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
&.ck-disabled {
|
|
52
|
-
--ck-color-button-default-disabled-background: var(--ck-color-base-foreground);
|
|
53
|
-
|
|
54
|
-
/* Let default .ck-button :focus styles apply */
|
|
55
|
-
&:not(:focus) {
|
|
56
|
-
border-color: var(--ck-style-panel-button-label-background);
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
& .ck-style-grid__button__preview {
|
|
60
|
-
opacity: .4;
|
|
61
|
-
|
|
62
|
-
border-color: var(--ck-color-base-foreground);
|
|
63
|
-
filter: saturate(.3);
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
&.ck-on {
|
|
68
|
-
border-color: var(--ck-color-base-active);
|
|
69
|
-
|
|
70
|
-
& .ck-button__label {
|
|
71
|
-
box-shadow: 0 -1px 0 var(--ck-color-base-active);
|
|
72
|
-
z-index: 1; /* Stay on top of the preview with the shadow. */
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
&:hover {
|
|
76
|
-
border-color: var(--ck-color-base-active-focus);
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
&:not(.ck-on) {
|
|
81
|
-
& .ck-button__label {
|
|
82
|
-
background: var(--ck-style-panel-button-label-background);
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
&:hover .ck-button__label {
|
|
86
|
-
background: var(--ck-style-panel-button-hover-label-background);
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
&:hover:not(.ck-disabled):not(.ck-on) {
|
|
91
|
-
border-color: var(--ck-style-panel-button-hover-border-color);
|
|
92
|
-
|
|
93
|
-
& .ck-style-grid__button__preview {
|
|
94
|
-
opacity: 1;
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
}
|
|
@@ -1,16 +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-style-panel .ck-style-panel__style-group {
|
|
7
|
-
& > .ck-label {
|
|
8
|
-
margin: var(--ck-spacing-large) 0;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
&:first-child {
|
|
12
|
-
& > .ck-label {
|
|
13
|
-
margin-top: 0;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
}
|
|
@@ -1,14 +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-style-panel-max-height: 470px;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.ck.ck-style-panel {
|
|
11
|
-
padding: var(--ck-spacing-large);
|
|
12
|
-
overflow-y: auto;
|
|
13
|
-
max-height: var(--ck-style-panel-max-height);
|
|
14
|
-
}
|