@ckeditor/ckeditor5-uploadcare 0.0.0-nightly-next-20260120.0 → 0.0.0-nightly-20260121.0

package/theme/uploadcareimageedit.css

@@ -0,0 +1,64 @@
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+
+:root {
+	--ck-image-processing-highlight-color: hsl(220, 10%, 98%);
+	--ck-image-processing-background-color: hsl(220, 10%, 90%);
+}
+
+.ck.ck-editor__editable {
+	& .image, & .image-inline {
+		&.image-processing picture {
+			position: relative;
+			display: block;
+			width: 100%;
+			height: 100%;
+
+			&:before {
+				content: '';
+
+				position: absolute;
+				top: 0;
+				left: 0;
+				z-index: 1;
+
+				height: 100%;
+				width: 100%;
+
+				background: linear-gradient(
+					90deg,
+					var(--ck-image-processing-background-color),
+					var(--ck-image-processing-highlight-color),
+					var(--ck-image-processing-background-color)
+				);
+				background-size: 200% 100%;
+
+				animation: ck-image-processing-animation 2s linear infinite;
+			}
+
+			& img {
+				height: 100%;
+			}
+		}
+
+		&.image-processing-blur {
+			clip-path: inset(0);
+			filter: blur(1.6rem);
+		}
+	}
+}
+
+@keyframes ck-image-processing-animation {
+	0% {
+		background-position: 200% 0;
+	}
+	100% {
+		background-position: -200% 0;
+	}
+}