Sfoglia il codice sorgente

Merge pull request #255 from ckeditor/i/5793

Internal: Moved restricted-editing package styles to theme-lark. Closes ckeditor/ckeditor5#5793.
Piotrek Koszuliński 6 anni fa
parent
commit
6e0ae9618d

+ 41 - 0
packages/ckeditor5-theme-lark/theme/ckeditor5-restricted-editing/restrictedediting.css

@@ -0,0 +1,41 @@
+/*
+ * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+:root {
+	--ck-color-restricted-editing-exception-background: hsla(31, 100%, 65%, .2);
+	--ck-color-restricted-editing-exception-brackets: hsla(31, 100%, 40%, .4);
+	--ck-color-restricted-editing-selected-exception-background: hsla(31, 100%, 65%, .5);
+	--ck-color-restricted-editing-selected-exception-brackets: hsla(31, 100%, 40%, .6);
+}
+
+.ck-editor__editable .ck-restricted-editing-exception {
+	transition: .2s ease-in-out background;
+	background-color: var(--ck-color-restricted-editing-exception-background);
+	border: 1px solid;
+	border-image: linear-gradient(
+		to right,
+		var(--ck-color-restricted-editing-exception-brackets) 0%,
+		var(--ck-color-restricted-editing-exception-brackets) 5px,
+		hsla(0, 0%, 0%, 0) 6px,
+		hsla(0, 0%, 0%, 0) calc(100% - 6px),
+		var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px),
+		var(--ck-color-restricted-editing-exception-brackets) 100%
+	) 1;
+
+	&.ck-restricted-editing-exception_selected {
+		background-color: var(--ck-color-restricted-editing-selected-exception-background);
+		border-image: linear-gradient(
+			to right,
+			var(--ck-color-restricted-editing-selected-exception-brackets) 0%,
+			var(--ck-color-restricted-editing-selected-exception-brackets) 5px,
+			var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px),
+			var(--ck-color-restricted-editing-selected-exception-brackets) 100%
+		) 1;
+	}
+
+	&.ck-restricted-editing-exception_collapsed {
+		padding-left: 1em;
+	}
+}