Parcourir la source

Added SymbolGrid rules.

Kamil Piechaczek il y a 6 ans
Parent
commit
2d26b32d00

+ 57 - 0
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/symbolgrid/symbolgrid.css

@@ -0,0 +1,57 @@
+/*
+ * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+@import "../../../mixins/_rounded.css";
+
+:root {
+	--ck-symbol-grid-tile-size: 24px;
+}
+
+.ck.ck-symbol-grid {
+	grid-gap: 5px;
+	padding: 8px;
+	max-height: calc(var(--ck-symbol-grid-tile-size) * 4);
+	overflow-y: scroll;
+	overflow-x: hidden;
+}
+
+.ck.ck-symbol-grid__tile {
+	width: var(--ck-symbol-grid-tile-size);
+	height: var(--ck-symbol-grid-tile-size);
+	min-width: var(--ck-symbol-grid-tile-size);
+	min-height: var(--ck-symbol-grid-tile-size);
+	padding: 0;
+	transition: .2s ease box-shadow;
+	border: 0;
+
+	&.ck-disabled {
+		cursor: unset;
+		transition: unset;
+	}
+
+	&.ck-on {
+		box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-base-text);
+
+		& .ck.ck-icon {
+			display: block;
+		}
+	}
+
+	&.ck-on,
+	&:focus:not( .ck-disabled ),
+	&:hover:not( .ck-disabled ) {
+		/* Disable the default .ck-button's border ring. */
+		border: 0;
+	}
+
+	&:focus:not( .ck-disabled ),
+	&:hover:not( .ck-disabled ) {
+		box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
+	}
+}
+
+.ck.ck-symbol-grid__label {
+	padding: 0 var(--ck-spacing-standard);
+}