@ckeditor/ckeditor5-theme-lark 41.3.0-alpha.0 → 41.3.0-alpha.2
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/editor-index.css +181 -0
- package/dist/index.css +283 -0
- package/dist/index.css.map +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -0
- package/package.json +2 -2
- package/theme/ckeditor5-ui/globals/_reset.css +5 -0
- package/theme/index.css +6 -0
package/dist/editor-index.css
CHANGED
|
@@ -36,6 +36,8 @@
|
|
|
36
36
|
--ck-color-switch-button-inner-background: var(--ck-color-base-background);
|
|
37
37
|
--ck-color-dropdown-panel-background: var(--ck-color-base-background);
|
|
38
38
|
--ck-color-dropdown-panel-border: var(--ck-color-base-border);
|
|
39
|
+
--ck-color-dialog-background: var(--ck-custom-background);
|
|
40
|
+
--ck-color-dialog-form-header-border: var(--ck-custom-border);
|
|
39
41
|
--ck-color-input-background: var(--ck-color-base-background);
|
|
40
42
|
--ck-color-input-border: var(--ck-color-base-border);
|
|
41
43
|
--ck-color-input-error-border: var(--ck-color-base-error);
|
|
@@ -86,11 +88,23 @@
|
|
|
86
88
|
2px
|
|
87
89
|
);
|
|
88
90
|
--ck-switch-button-inner-hover-shadow: 0 0 0 5px var(--ck-color-switch-button-inner-shadow);
|
|
91
|
+
--ck-collapsible-arrow-size: calc(0.5 * var(--ck-icon-size));
|
|
89
92
|
--ck-color-grid-tile-size: 24px;
|
|
90
93
|
--ck-color-color-grid-check-icon: hsl(212, 81%, 46%);
|
|
94
|
+
--ck-dialog-overlay-background-color: hsla( 0, 0%, 0%, .5 );
|
|
95
|
+
--ck-dialog-drop-shadow: 0px 0px 6px 2px hsl(0deg 0% 0% / 15%);
|
|
96
|
+
--ck-dialog-max-width: 100vw;
|
|
97
|
+
--ck-dialog-max-height: 90vh;
|
|
98
|
+
--ck-color-dialog-background: var(--ck-color-base-background);
|
|
99
|
+
--ck-color-dialog-form-header-border: var(--ck-color-base-border);
|
|
91
100
|
--ck-dropdown-arrow-size: calc(0.5 * var(--ck-icon-size));
|
|
92
101
|
--ck-color-split-button-hover-background: hsl(0, 0%, 92%);
|
|
93
102
|
--ck-color-split-button-hover-border: hsl(0, 0%, 70%);
|
|
103
|
+
--ck-accessibility-help-dialog-max-width: 600px;
|
|
104
|
+
--ck-accessibility-help-dialog-max-height: 400px;
|
|
105
|
+
--ck-accessibility-help-dialog-border-color: hsl(220, 6%, 81%);
|
|
106
|
+
--ck-accessibility-help-dialog-code-background-color: hsl(0deg 0% 92.94%);
|
|
107
|
+
--ck-accessibility-help-dialog-kbd-shadow-color: hsl(0deg 0% 61%);
|
|
94
108
|
--ck-color-editable-blur-selection: hsl(0, 0%, 85%);
|
|
95
109
|
--ck-form-header-height: 44px;
|
|
96
110
|
--ck-icon-size: calc(var(--ck-line-height-base) * var(--ck-font-size-normal));
|
|
@@ -122,6 +136,7 @@
|
|
|
122
136
|
--ck-html-embed-content-min-height: calc(var(--ck-icon-size) + var(--ck-spacing-standard));
|
|
123
137
|
--ck-html-embed-source-disabled-background: var(--ck-color-base-foreground);
|
|
124
138
|
--ck-html-embed-source-disabled-color: hsl(0deg 0% 45%);
|
|
139
|
+
--ck-image-insert-insert-by-url-width: 250px;
|
|
125
140
|
--ck-color-image-upload-icon: hsl(0, 0%, 100%);
|
|
126
141
|
--ck-color-image-upload-icon-background: hsl(120, 100%, 27%);
|
|
127
142
|
--ck-image-upload-icon-size: 20;
|
|
@@ -174,6 +189,10 @@
|
|
|
174
189
|
--ck-color-widget-type-around-button-icon: var(--ck-color-base-background);
|
|
175
190
|
}
|
|
176
191
|
.ck.ck-reset {
|
|
192
|
+
box-sizing: border-box;
|
|
193
|
+
width: auto;
|
|
194
|
+
height: auto;
|
|
195
|
+
position: static;
|
|
177
196
|
margin: 0;
|
|
178
197
|
padding: 0;
|
|
179
198
|
border: 0;
|
|
@@ -437,6 +456,31 @@ transform: translateX( var( --ck-switch-button-translation ) );
|
|
|
437
456
|
[dir="rtl"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {
|
|
438
457
|
transform: translateX( calc( -1 * var( --ck-switch-button-translation ) ) );
|
|
439
458
|
}
|
|
459
|
+
.ck.ck-collapsible > .ck.ck-button {
|
|
460
|
+
width: 100%;
|
|
461
|
+
font-weight: bold;
|
|
462
|
+
padding: var(--ck-list-button-padding);
|
|
463
|
+
border-radius: 0;
|
|
464
|
+
color: inherit;
|
|
465
|
+
}
|
|
466
|
+
.ck.ck-collapsible > .ck.ck-button:focus {
|
|
467
|
+
background: transparent;
|
|
468
|
+
}
|
|
469
|
+
.ck.ck-collapsible > .ck.ck-button:active {
|
|
470
|
+
background: transparent;
|
|
471
|
+
border-color: transparent;
|
|
472
|
+
box-shadow: none;
|
|
473
|
+
}
|
|
474
|
+
.ck.ck-collapsible > .ck.ck-button > .ck-icon {
|
|
475
|
+
margin-right: var(--ck-spacing-medium);
|
|
476
|
+
width: var(--ck-collapsible-arrow-size);
|
|
477
|
+
}
|
|
478
|
+
.ck.ck-collapsible > .ck-collapsible__children {
|
|
479
|
+
padding: var(--ck-spacing-medium) var(--ck-spacing-large) var(--ck-spacing-large);
|
|
480
|
+
}
|
|
481
|
+
.ck.ck-collapsible.ck-collapsible_collapsed > .ck.ck-button .ck-icon {
|
|
482
|
+
transform: rotate(-90deg);
|
|
483
|
+
}
|
|
440
484
|
.ck.ck-color-grid {
|
|
441
485
|
grid-gap: 5px;
|
|
442
486
|
padding: 8px;
|
|
@@ -516,6 +560,34 @@ height: 15px;
|
|
|
516
560
|
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {
|
|
517
561
|
padding: 0 8px 8px;
|
|
518
562
|
}
|
|
563
|
+
.ck.ck-dialog-overlay {
|
|
564
|
+
animation: ck-dialog-fade-in .3s;
|
|
565
|
+
background: var(--ck-dialog-overlay-background-color);
|
|
566
|
+
z-index: var(--ck-z-dialog);
|
|
567
|
+
}
|
|
568
|
+
.ck.ck-dialog {
|
|
569
|
+
border-radius: 0;
|
|
570
|
+
}
|
|
571
|
+
.ck-rounded-corners .ck.ck-dialog {
|
|
572
|
+
border-radius: var(--ck-border-radius);
|
|
573
|
+
}
|
|
574
|
+
.ck.ck-dialog {
|
|
575
|
+
box-shadow: var(--ck-drop-shadow), 0 0;
|
|
576
|
+
--ck-drop-shadow: var(--ck-dialog-drop-shadow);
|
|
577
|
+
background: var(--ck-color-dialog-background);
|
|
578
|
+
max-height: var(--ck-dialog-max-height);
|
|
579
|
+
max-width: var(--ck-dialog-max-width);
|
|
580
|
+
border: 1px solid var(--ck-color-base-border);
|
|
581
|
+
}
|
|
582
|
+
.ck.ck-dialog .ck.ck-form__header {
|
|
583
|
+
border-bottom: 1px solid var(--ck-color-dialog-form-header-border);
|
|
584
|
+
}
|
|
585
|
+
.ck.ck-dialog .ck.ck-dialog__actions {
|
|
586
|
+
padding: var(--ck-spacing-large);
|
|
587
|
+
}
|
|
588
|
+
.ck.ck-dialog .ck.ck-dialog__actions > * + * {
|
|
589
|
+
margin-left: var(--ck-spacing-large);
|
|
590
|
+
}
|
|
519
591
|
.ck.ck-dropdown {
|
|
520
592
|
font-size: inherit;
|
|
521
593
|
}
|
|
@@ -672,6 +744,74 @@ border-bottom-right-radius: 0;
|
|
|
672
744
|
.ck.ck-toolbar-dropdown .ck-toolbar {
|
|
673
745
|
border: 0;
|
|
674
746
|
}
|
|
747
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content {
|
|
748
|
+
padding: var(--ck-spacing-large);
|
|
749
|
+
max-width: var(--ck-accessibility-help-dialog-max-width);
|
|
750
|
+
max-height: var(--ck-accessibility-help-dialog-max-height);
|
|
751
|
+
overflow: auto;
|
|
752
|
+
user-select: text;
|
|
753
|
+
border: 1px solid transparent;
|
|
754
|
+
}
|
|
755
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content:focus {
|
|
756
|
+
outline: none;
|
|
757
|
+
border: var(--ck-focus-ring);
|
|
758
|
+
box-shadow: var(--ck-focus-outer-shadow), 0 0;
|
|
759
|
+
}
|
|
760
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content * {
|
|
761
|
+
white-space: normal;
|
|
762
|
+
}
|
|
763
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content .ck-label {
|
|
764
|
+
display: none;
|
|
765
|
+
}
|
|
766
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3 {
|
|
767
|
+
font-weight: bold;
|
|
768
|
+
font-size: 1.2em;
|
|
769
|
+
}
|
|
770
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4 {
|
|
771
|
+
font-weight: bold;
|
|
772
|
+
font-size: 1em;
|
|
773
|
+
}
|
|
774
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content p {
|
|
775
|
+
margin: 1em 0;
|
|
776
|
+
}
|
|
777
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl {
|
|
778
|
+
display: grid;
|
|
779
|
+
grid-template-columns: 2fr 1fr;
|
|
780
|
+
border-top: 1px solid var(--ck-accessibility-help-dialog-border-color);
|
|
781
|
+
border-bottom: none;
|
|
782
|
+
}
|
|
783
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt {
|
|
784
|
+
border-bottom: 1px solid var(--ck-accessibility-help-dialog-border-color);
|
|
785
|
+
padding: .4em 0;
|
|
786
|
+
}
|
|
787
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt {
|
|
788
|
+
grid-column-start: 1;
|
|
789
|
+
}
|
|
790
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {
|
|
791
|
+
grid-column-start: 2;
|
|
792
|
+
text-align: right;
|
|
793
|
+
}
|
|
794
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd {
|
|
795
|
+
display: inline-block;
|
|
796
|
+
background: var(--ck-accessibility-help-dialog-code-background-color);
|
|
797
|
+
padding: .4em;
|
|
798
|
+
vertical-align: middle;
|
|
799
|
+
line-height: 1;
|
|
800
|
+
border-radius: 2px;
|
|
801
|
+
text-align: center;
|
|
802
|
+
font-size: .9em;
|
|
803
|
+
}
|
|
804
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {
|
|
805
|
+
font-family: monospace;
|
|
806
|
+
}
|
|
807
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd {
|
|
808
|
+
min-width: 1.8em;
|
|
809
|
+
box-shadow: 0px 1px 1px var(--ck-accessibility-help-dialog-kbd-shadow-color);
|
|
810
|
+
margin: 0 1px;
|
|
811
|
+
}
|
|
812
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd + kbd {
|
|
813
|
+
margin-left: 2px;
|
|
814
|
+
}
|
|
675
815
|
.ck.ck-editor__editable:not(.ck-editor__nested-editable) {
|
|
676
816
|
border-radius: 0;
|
|
677
817
|
}
|
|
@@ -1623,6 +1763,47 @@ margin-right: auto;
|
|
|
1623
1763
|
.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder {
|
|
1624
1764
|
color: var(--ck-html-embed-source-disabled-color);
|
|
1625
1765
|
}
|
|
1766
|
+
.ck.ck-image-insert-url {
|
|
1767
|
+
--ck-input-width: 100%;
|
|
1768
|
+
}
|
|
1769
|
+
.ck.ck-image-insert-url .ck-image-insert-url__action-row {
|
|
1770
|
+
grid-column-gap: var(--ck-spacing-large);
|
|
1771
|
+
margin-top: var(--ck-spacing-large);
|
|
1772
|
+
}
|
|
1773
|
+
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-save {
|
|
1774
|
+
justify-content: center;
|
|
1775
|
+
min-width: auto;
|
|
1776
|
+
}
|
|
1777
|
+
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button .ck-button__label {
|
|
1778
|
+
color: var(--ck-color-text);
|
|
1779
|
+
}
|
|
1780
|
+
.ck.ck-image-insert-form > .ck.ck-button {
|
|
1781
|
+
display: block;
|
|
1782
|
+
width: 100%;
|
|
1783
|
+
padding: var(--ck-list-button-padding);
|
|
1784
|
+
}
|
|
1785
|
+
[dir="ltr"] .ck.ck-image-insert-form > .ck.ck-button {
|
|
1786
|
+
text-align: left;
|
|
1787
|
+
}
|
|
1788
|
+
[dir="rtl"] .ck.ck-image-insert-form > .ck.ck-button {
|
|
1789
|
+
text-align: right;
|
|
1790
|
+
}
|
|
1791
|
+
.ck.ck-image-insert-form > .ck.ck-collapsible {
|
|
1792
|
+
min-width: var(--ck-image-insert-insert-by-url-width);
|
|
1793
|
+
}
|
|
1794
|
+
.ck.ck-image-insert-form > .ck.ck-collapsible:not(:first-child) {
|
|
1795
|
+
border-top: 1px solid var(--ck-color-base-border);
|
|
1796
|
+
}
|
|
1797
|
+
.ck.ck-image-insert-form > .ck.ck-collapsible:not(:last-child) {
|
|
1798
|
+
border-bottom: 1px solid var(--ck-color-base-border);
|
|
1799
|
+
}
|
|
1800
|
+
.ck.ck-image-insert-form > .ck.ck-image-insert-url {
|
|
1801
|
+
min-width: var(--ck-image-insert-insert-by-url-width);
|
|
1802
|
+
padding: var(--ck-spacing-large);
|
|
1803
|
+
}
|
|
1804
|
+
.ck.ck-image-insert-form:focus {
|
|
1805
|
+
outline: none;
|
|
1806
|
+
}
|
|
1626
1807
|
.ck-image-upload-complete-icon {
|
|
1627
1808
|
opacity: 0;
|
|
1628
1809
|
background: var(--ck-color-image-upload-icon-background);
|
package/dist/index.css
CHANGED
|
@@ -206,6 +206,11 @@
|
|
|
206
206
|
.ck.ck-reset,
|
|
207
207
|
.ck.ck-reset_all,
|
|
208
208
|
.ck-reset_all *:not(.ck-reset_all-excluded *) {
|
|
209
|
+
box-sizing: border-box;
|
|
210
|
+
width: auto;
|
|
211
|
+
height: auto;
|
|
212
|
+
position: static;
|
|
213
|
+
|
|
209
214
|
/* Do not include inheritable rules here. */
|
|
210
215
|
margin: 0;
|
|
211
216
|
padding: 0;
|
|
@@ -722,6 +727,38 @@ of the component, floating–point numbers have been used which, for the default
|
|
|
722
727
|
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
723
728
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
724
729
|
*/
|
|
730
|
+
:root {
|
|
731
|
+
--ck-collapsible-arrow-size: calc(0.5 * var(--ck-icon-size));
|
|
732
|
+
}
|
|
733
|
+
.ck.ck-collapsible > .ck.ck-button {
|
|
734
|
+
width: 100%;
|
|
735
|
+
font-weight: bold;
|
|
736
|
+
padding: var(--ck-list-button-padding);
|
|
737
|
+
border-radius: 0;
|
|
738
|
+
color: inherit;
|
|
739
|
+
}
|
|
740
|
+
.ck.ck-collapsible > .ck.ck-button:focus {
|
|
741
|
+
background: transparent;
|
|
742
|
+
}
|
|
743
|
+
.ck.ck-collapsible > .ck.ck-button:active, .ck.ck-collapsible > .ck.ck-button:not(:focus), .ck.ck-collapsible > .ck.ck-button:hover:not(:focus) {
|
|
744
|
+
background: transparent;
|
|
745
|
+
border-color: transparent;
|
|
746
|
+
box-shadow: none;
|
|
747
|
+
}
|
|
748
|
+
.ck.ck-collapsible > .ck.ck-button > .ck-icon {
|
|
749
|
+
margin-right: var(--ck-spacing-medium);
|
|
750
|
+
width: var(--ck-collapsible-arrow-size);
|
|
751
|
+
}
|
|
752
|
+
.ck.ck-collapsible > .ck-collapsible__children {
|
|
753
|
+
padding: var(--ck-spacing-medium) var(--ck-spacing-large) var(--ck-spacing-large);
|
|
754
|
+
}
|
|
755
|
+
.ck.ck-collapsible.ck-collapsible_collapsed > .ck.ck-button .ck-icon {
|
|
756
|
+
transform: rotate(-90deg);
|
|
757
|
+
}
|
|
758
|
+
/*
|
|
759
|
+
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
760
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
761
|
+
*/
|
|
725
762
|
/*
|
|
726
763
|
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
727
764
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
@@ -851,6 +888,84 @@ of the component, floating–point numbers have been used which, for the default
|
|
|
851
888
|
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
852
889
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
853
890
|
*/
|
|
891
|
+
/**
|
|
892
|
+
* A helper to combine multiple shadows.
|
|
893
|
+
*/
|
|
894
|
+
/**
|
|
895
|
+
* Gives an element a drop shadow so it looks like a floating panel.
|
|
896
|
+
*/
|
|
897
|
+
/*
|
|
898
|
+
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
899
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
900
|
+
*/
|
|
901
|
+
:root {
|
|
902
|
+
--ck-dialog-overlay-background-color: hsla( 0, 0%, 0%, .5 );
|
|
903
|
+
--ck-dialog-drop-shadow: 0px 0px 6px 2px hsl(0deg 0% 0% / 15%);
|
|
904
|
+
--ck-dialog-max-width: 100vw;
|
|
905
|
+
--ck-dialog-max-height: 90vh;
|
|
906
|
+
--ck-color-dialog-background: var(--ck-color-base-background);
|
|
907
|
+
--ck-color-dialog-form-header-border: var(--ck-color-base-border);
|
|
908
|
+
}
|
|
909
|
+
.ck.ck-dialog-overlay {
|
|
910
|
+
animation: ck-dialog-fade-in .3s;
|
|
911
|
+
background: var(--ck-dialog-overlay-background-color);
|
|
912
|
+
z-index: var(--ck-z-dialog);
|
|
913
|
+
}
|
|
914
|
+
.ck.ck-dialog {
|
|
915
|
+
border-radius: 0;
|
|
916
|
+
}
|
|
917
|
+
.ck-rounded-corners .ck.ck-dialog, .ck.ck-dialog.ck-rounded-corners {
|
|
918
|
+
border-radius: var(--ck-border-radius);
|
|
919
|
+
}
|
|
920
|
+
.ck.ck-dialog {
|
|
921
|
+
box-shadow: var(--ck-drop-shadow), 0 0;
|
|
922
|
+
|
|
923
|
+
--ck-drop-shadow: var(--ck-dialog-drop-shadow);
|
|
924
|
+
|
|
925
|
+
background: var(--ck-color-dialog-background);
|
|
926
|
+
max-height: var(--ck-dialog-max-height);
|
|
927
|
+
max-width: var(--ck-dialog-max-width);
|
|
928
|
+
border: 1px solid var(--ck-color-base-border);
|
|
929
|
+
}
|
|
930
|
+
.ck.ck-dialog .ck.ck-form__header {
|
|
931
|
+
border-bottom: 1px solid var(--ck-color-dialog-form-header-border);
|
|
932
|
+
}
|
|
933
|
+
@keyframes ck-dialog-fade-in {
|
|
934
|
+
0% {
|
|
935
|
+
background: hsla( 0, 0%, 0%, 0 );
|
|
936
|
+
}
|
|
937
|
+
|
|
938
|
+
100% {
|
|
939
|
+
background: var(--ck-dialog-overlay-background-color);
|
|
940
|
+
}
|
|
941
|
+
}
|
|
942
|
+
/*
|
|
943
|
+
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
944
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
945
|
+
*/
|
|
946
|
+
.ck.ck-dialog .ck.ck-dialog__actions {
|
|
947
|
+
padding: var(--ck-spacing-large);
|
|
948
|
+
}
|
|
949
|
+
.ck.ck-dialog .ck.ck-dialog__actions > * + * {
|
|
950
|
+
margin-left: var(--ck-spacing-large);
|
|
951
|
+
}
|
|
952
|
+
/*
|
|
953
|
+
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
954
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
955
|
+
*/
|
|
956
|
+
/*
|
|
957
|
+
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
958
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
959
|
+
*/
|
|
960
|
+
/**
|
|
961
|
+
* Implements rounded corner interface for .ck-rounded-corners class.
|
|
962
|
+
*
|
|
963
|
+
* @see $ck-border-radius
|
|
964
|
+
*/
|
|
965
|
+
/*
|
|
966
|
+
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
967
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
968
|
+
*/
|
|
854
969
|
/**
|
|
855
970
|
* A class which indicates that an element holding it is disabled.
|
|
856
971
|
*/
|
|
@@ -1105,6 +1220,108 @@ of the component, floating–point numbers have been used which, for the default
|
|
|
1105
1220
|
.ck.ck-toolbar-dropdown .ck-toolbar {
|
|
1106
1221
|
border: 0;
|
|
1107
1222
|
}
|
|
1223
|
+
/*
|
|
1224
|
+
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
1225
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
1226
|
+
*/
|
|
1227
|
+
/*
|
|
1228
|
+
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
1229
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
1230
|
+
*/
|
|
1231
|
+
/**
|
|
1232
|
+
* A visual style of focused element's border.
|
|
1233
|
+
*/
|
|
1234
|
+
/*
|
|
1235
|
+
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
1236
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
1237
|
+
*/
|
|
1238
|
+
/**
|
|
1239
|
+
* A helper to combine multiple shadows.
|
|
1240
|
+
*/
|
|
1241
|
+
/**
|
|
1242
|
+
* Gives an element a drop shadow so it looks like a floating panel.
|
|
1243
|
+
*/
|
|
1244
|
+
:root {
|
|
1245
|
+
--ck-accessibility-help-dialog-max-width: 600px;
|
|
1246
|
+
--ck-accessibility-help-dialog-max-height: 400px;
|
|
1247
|
+
--ck-accessibility-help-dialog-border-color: hsl(220, 6%, 81%);
|
|
1248
|
+
--ck-accessibility-help-dialog-code-background-color: hsl(0deg 0% 92.94%);
|
|
1249
|
+
--ck-accessibility-help-dialog-kbd-shadow-color: hsl(0deg 0% 61%);
|
|
1250
|
+
}
|
|
1251
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content {
|
|
1252
|
+
padding: var(--ck-spacing-large);
|
|
1253
|
+
max-width: var(--ck-accessibility-help-dialog-max-width);
|
|
1254
|
+
max-height: var(--ck-accessibility-help-dialog-max-height);
|
|
1255
|
+
overflow: auto;
|
|
1256
|
+
user-select: text;
|
|
1257
|
+
|
|
1258
|
+
border: 1px solid transparent;
|
|
1259
|
+
}
|
|
1260
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content:focus {
|
|
1261
|
+
/* Disable native outline. */
|
|
1262
|
+
outline: none;
|
|
1263
|
+
border: var(--ck-focus-ring);
|
|
1264
|
+
box-shadow: var(--ck-focus-outer-shadow), 0 0;
|
|
1265
|
+
}
|
|
1266
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content * {
|
|
1267
|
+
white-space: normal;
|
|
1268
|
+
}
|
|
1269
|
+
/* Hide the main label of the content container. */
|
|
1270
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content .ck-label {
|
|
1271
|
+
display: none;
|
|
1272
|
+
}
|
|
1273
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3 {
|
|
1274
|
+
font-weight: bold;
|
|
1275
|
+
font-size: 1.2em;
|
|
1276
|
+
}
|
|
1277
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4 {
|
|
1278
|
+
font-weight: bold;
|
|
1279
|
+
font-size: 1em;
|
|
1280
|
+
}
|
|
1281
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content p,
|
|
1282
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3,
|
|
1283
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4,
|
|
1284
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content table {
|
|
1285
|
+
margin: 1em 0;
|
|
1286
|
+
}
|
|
1287
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl {
|
|
1288
|
+
display: grid;
|
|
1289
|
+
grid-template-columns: 2fr 1fr;
|
|
1290
|
+
border-top: 1px solid var(--ck-accessibility-help-dialog-border-color);
|
|
1291
|
+
border-bottom: none;
|
|
1292
|
+
}
|
|
1293
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {
|
|
1294
|
+
border-bottom: 1px solid var(--ck-accessibility-help-dialog-border-color);
|
|
1295
|
+
padding: .4em 0;
|
|
1296
|
+
}
|
|
1297
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt {
|
|
1298
|
+
grid-column-start: 1;
|
|
1299
|
+
}
|
|
1300
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {
|
|
1301
|
+
grid-column-start: 2;
|
|
1302
|
+
text-align: right;
|
|
1303
|
+
}
|
|
1304
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {
|
|
1305
|
+
display: inline-block;
|
|
1306
|
+
background: var(--ck-accessibility-help-dialog-code-background-color);
|
|
1307
|
+
padding: .4em;
|
|
1308
|
+
vertical-align: middle;
|
|
1309
|
+
line-height: 1;
|
|
1310
|
+
border-radius: 2px;
|
|
1311
|
+
text-align: center;
|
|
1312
|
+
font-size: .9em;
|
|
1313
|
+
}
|
|
1314
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {
|
|
1315
|
+
font-family: monospace;
|
|
1316
|
+
}
|
|
1317
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd {
|
|
1318
|
+
min-width: 1.8em;
|
|
1319
|
+
box-shadow: 0px 1px 1px var(--ck-accessibility-help-dialog-kbd-shadow-color);
|
|
1320
|
+
margin: 0 1px;
|
|
1321
|
+
}
|
|
1322
|
+
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd + kbd {
|
|
1323
|
+
margin-left: 2px;
|
|
1324
|
+
}
|
|
1108
1325
|
/*
|
|
1109
1326
|
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
1110
1327
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
@@ -2663,6 +2880,15 @@ of the component, floating–point numbers have been used which, for the default
|
|
|
2663
2880
|
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
2664
2881
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
2665
2882
|
*/
|
|
2883
|
+
/*
|
|
2884
|
+
* Note: This file should contain the wireframe styles only. But since there are no such styles,
|
|
2885
|
+
* it acts as a message to the builder telling that it should look for the corresponding styles
|
|
2886
|
+
* **in the theme** when compiling the editor.
|
|
2887
|
+
*/
|
|
2888
|
+
/*
|
|
2889
|
+
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
2890
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
2891
|
+
*/
|
|
2666
2892
|
:root {
|
|
2667
2893
|
--ck-html-embed-content-width: calc(100% - 1.5 * var(--ck-icon-size));
|
|
2668
2894
|
--ck-html-embed-source-height: 10em;
|
|
@@ -2798,6 +3024,61 @@ of the component, floating–point numbers have been used which, for the default
|
|
|
2798
3024
|
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
2799
3025
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
2800
3026
|
*/
|
|
3027
|
+
:root {
|
|
3028
|
+
--ck-image-insert-insert-by-url-width: 250px;
|
|
3029
|
+
}
|
|
3030
|
+
.ck.ck-image-insert-url {
|
|
3031
|
+
--ck-input-width: 100%;
|
|
3032
|
+
}
|
|
3033
|
+
.ck.ck-image-insert-url .ck-image-insert-url__action-row {
|
|
3034
|
+
grid-column-gap: var(--ck-spacing-large);
|
|
3035
|
+
margin-top: var(--ck-spacing-large);
|
|
3036
|
+
}
|
|
3037
|
+
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-save,
|
|
3038
|
+
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-cancel {
|
|
3039
|
+
justify-content: center;
|
|
3040
|
+
min-width: auto;
|
|
3041
|
+
}
|
|
3042
|
+
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button .ck-button__label {
|
|
3043
|
+
color: var(--ck-color-text);
|
|
3044
|
+
}
|
|
3045
|
+
.ck.ck-image-insert-form > .ck.ck-button {
|
|
3046
|
+
display: block;
|
|
3047
|
+
width: 100%;
|
|
3048
|
+
padding: var(--ck-list-button-padding);
|
|
3049
|
+
}
|
|
3050
|
+
[dir="ltr"] .ck.ck-image-insert-form > .ck.ck-button {
|
|
3051
|
+
text-align: left;
|
|
3052
|
+
}
|
|
3053
|
+
[dir="rtl"] .ck.ck-image-insert-form > .ck.ck-button {
|
|
3054
|
+
text-align: right;
|
|
3055
|
+
}
|
|
3056
|
+
.ck.ck-image-insert-form > .ck.ck-collapsible {
|
|
3057
|
+
|
|
3058
|
+
min-width: var(--ck-image-insert-insert-by-url-width);
|
|
3059
|
+
}
|
|
3060
|
+
.ck.ck-image-insert-form > .ck.ck-collapsible:not(:first-child) {
|
|
3061
|
+
border-top: 1px solid var(--ck-color-base-border);
|
|
3062
|
+
}
|
|
3063
|
+
.ck.ck-image-insert-form > .ck.ck-collapsible:not(:last-child) {
|
|
3064
|
+
border-bottom: 1px solid var(--ck-color-base-border);
|
|
3065
|
+
}
|
|
3066
|
+
/* This is the case when there are no other integrations configured than insert by URL */
|
|
3067
|
+
.ck.ck-image-insert-form > .ck.ck-image-insert-url {
|
|
3068
|
+
min-width: var(--ck-image-insert-insert-by-url-width);
|
|
3069
|
+
padding: var(--ck-spacing-large);
|
|
3070
|
+
}
|
|
3071
|
+
.ck.ck-image-insert-form:focus {
|
|
3072
|
+
outline: none;
|
|
3073
|
+
}
|
|
3074
|
+
/*
|
|
3075
|
+
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
3076
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
3077
|
+
*/
|
|
3078
|
+
/*
|
|
3079
|
+
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
3080
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
3081
|
+
*/
|
|
2801
3082
|
:root {
|
|
2802
3083
|
--ck-color-image-upload-icon: hsl(0, 0%, 100%);
|
|
2803
3084
|
--ck-color-image-upload-icon-background: hsl(120, 100%, 27%);
|
|
@@ -4418,3 +4699,5 @@ of the component, floating–point numbers have been used which, for the default
|
|
|
4418
4699
|
opacity: 1;
|
|
4419
4700
|
}
|
|
4420
4701
|
}
|
|
4702
|
+
|
|
4703
|
+
/*# sourceMappingURL=index.css.map */
|