@ckeditor/ckeditor5-theme-lark 41.4.2 → 42.0.0-alpha.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/README.md CHANGED
@@ -11,6 +11,12 @@ This package implements lark theme – the default CKEditor 5 theme.
11
11
 
12
12
  See the [`@ckeditor/ckeditor5-theme-lark` package](https://ckeditor.com/docs/ckeditor5/latest/api/theme-lark.html) page in [CKEditor 5 documentation](https://ckeditor.com/docs/ckeditor5/latest/).
13
13
 
14
+ ## Installation
15
+
16
+ ```bash
17
+ npm install ckeditor5
18
+ ```
19
+
14
20
  ## License
15
21
 
16
22
  Licensed under the terms of [GNU General Public License Version 2 or later](http://www.gnu.org/licenses/gpl.html). For full details about the license, please check the `LICENSE.md` file or [https://ckeditor.com/legal/ckeditor-oss-license](https://ckeditor.com/legal/ckeditor-oss-license).
@@ -1435,7 +1435,7 @@ margin-top: var(--ck-spacing-medium);
1435
1435
  .ck.ck-spinner-container {
1436
1436
  width: var(--ck-toolbar-spinner-size);
1437
1437
  height: var(--ck-toolbar-spinner-size);
1438
- animation: 1.5s infinite rotate linear;
1438
+ animation: 1.5s infinite ck-spinner-rotate linear;
1439
1439
  }
1440
1440
  .ck.ck-spinner {
1441
1441
  width: var(--ck-toolbar-spinner-size);
@@ -1463,7 +1463,7 @@ padding: 0 var(--ck-spacing-small);
1463
1463
  border: 1px solid var(--ck-color-toolbar-border);
1464
1464
  }
1465
1465
  .ck.ck-toolbar .ck.ck-toolbar__separator {
1466
- align-self: stretch;
1466
+ height: var(--ck-icon-size);
1467
1467
  width: 1px;
1468
1468
  min-width: 1px;
1469
1469
  background: var(--ck-color-toolbar-border);
@@ -1597,6 +1597,10 @@ border-bottom-width: 1px;
1597
1597
  }
1598
1598
  .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-menu-bar {
1599
1599
  border: 0;
1600
+ border-bottom: 1px solid var(--ck-color-base-border);
1601
+ }
1602
+ .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar {
1603
+ border: 0;
1600
1604
  }
1601
1605
  .ck.ck-editor__main > .ck-editor__editable {
1602
1606
  background: var(--ck-color-base-background);
package/dist/index.css CHANGED
@@ -2566,7 +2566,7 @@ of the component, floating–point numbers have been used which, for the default
2566
2566
  .ck.ck-spinner-container {
2567
2567
  width: var(--ck-toolbar-spinner-size);
2568
2568
  height: var(--ck-toolbar-spinner-size);
2569
- animation: 1.5s infinite rotate linear;
2569
+ animation: 1.5s infinite ck-spinner-rotate linear;
2570
2570
  }
2571
2571
  @media (prefers-reduced-motion: reduce) {
2572
2572
  .ck.ck-spinner-container {
@@ -2580,7 +2580,7 @@ of the component, floating–point numbers have been used which, for the default
2580
2580
  border: 2px solid var(--ck-color-text);
2581
2581
  border-top-color: transparent;
2582
2582
  }
2583
- @keyframes rotate {
2583
+ @keyframes ck-spinner-rotate {
2584
2584
  to {
2585
2585
  transform: rotate(360deg)
2586
2586
  }
@@ -2638,7 +2638,7 @@ of the component, floating–point numbers have been used which, for the default
2638
2638
  border: 1px solid var(--ck-color-toolbar-border);
2639
2639
  }
2640
2640
  .ck.ck-toolbar .ck.ck-toolbar__separator {
2641
- align-self: stretch;
2641
+ height: var(--ck-icon-size);
2642
2642
  width: 1px;
2643
2643
  min-width: 1px;
2644
2644
  background: var(--ck-color-toolbar-border);
@@ -2854,8 +2854,11 @@ of the component, floating–point numbers have been used which, for the default
2854
2854
  .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky {
2855
2855
  border-bottom-width: 1px;
2856
2856
  }
2857
- .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-menu-bar,
2858
- .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar {
2857
+ .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-menu-bar {
2858
+ border: 0;
2859
+ border-bottom: 1px solid var(--ck-color-base-border);
2860
+ }
2861
+ .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar {
2859
2862
  border: 0;
2860
2863
  }
2861
2864
  /* Note: Use ck-editor__main to make sure these styles don't apply to other editor types */